Home styling

This commit is contained in:
2023-05-18 22:18:58 +10:00
parent c7ae01bcb3
commit c8dc13ecf5
2 changed files with 61 additions and 6 deletions

View File

@@ -16,17 +16,17 @@ div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400
a class="col-span-7 sm:col-span-1 px-2 text-center transition-colors rounded bg-fuchsia-50 hover:bg-fuchsia-200 dark:bg-fuchsia-900 dark:hover:bg-fuchsia-700 inline-block grid content-center max-h-12 my-auto" href="/statuses"
p See all
div class="mb-4 flex max-w-prose mx-auto"
h2 class="text-l text-gray-600 dark:text-gray-200" Posts
a class="text-right flex-1 text-blue-400 dark:text-blue-200 hover:text-blue-600" href="/posts" See all →
div class="flex justify-between max-w-prose mx-auto mb-2"
h2 class="text-l text-gray-600 dark:text-gray-200" 📯 Posts
a class="rounded px-2 text-blue-600 bg-blue-100 dark:bg-blue-900/60 hover:dark:bg-blue-800 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-200" href="/posts" See all →
div class="mb-12 max-w-prose mx-auto"
- posts.each do |post|
== render "shared/post", post: post
div class="flex max-w-prose mx-auto"
h2 class="text-l text-gray-600 dark:text-gray-200" Photos
a class="text-right flex-1 text-blue-400 dark:text-blue-200 hover:text-blue-600" href="/photos" See all →
div class="flex justify-between max-w-prose mx-auto mb-2"
h2 class="text-l text-gray-600 dark:text-gray-200" 📸 Photos
a class="rounded px-2 text-blue-600 bg-blue-100 dark:bg-blue-900/60 hover:dark:bg-blue-800 hover:dark:text-blue-100 dark:text-blue-200 hover:text-blue-600 hover:bg-blue-200" href="/photos" See all →
div class="grid grid-cols-3 gap-4 max-w-prose mx-auto"
- photo_posts.each do |post|