chore: small adjustments
ed8e805c
3 file(s) · +6 −8
| 6 | 6 | </script> |
|
| 7 | 7 | ||
| 8 | 8 | <svelte:head><link rel="icon" href={favicon} /></svelte:head> |
|
| 9 | - | <div class="bg-[#121113] min-h-screen w-full font-mono text-white"> |
|
| 10 | 9 | {@render children()} |
|
| 11 | - | </div> |
| 1 | 1 | @import 'tailwindcss'; |
|
| 2 | 2 | ||
| 3 | 3 | html { |
|
| 4 | - | @apply bg-[#121113]; |
|
| 4 | + | @apply bg-[#121113] min-h-screen w-full font-mono text-white; |
|
| 5 | 5 | } |
| 1 | 1 | <script lang="ts"> |
|
| 2 | - | import type { PageData } from "./$types"; |
|
| 3 | - | let { data }: { data: PageData } = $props(); |
|
| 2 | + | import type { PageData } from "./$types"; |
|
| 3 | + | let { data }: { data: PageData } = $props(); |
|
| 4 | 4 | </script> |
|
| 5 | 5 | ||
| 6 | - | <div class="bg-[#121113] min-h-screen text-white"> |
|
| 6 | + | <div class="bg-[#121113] min-h-screen text-white flex flex-col gap-4 pb-4"> |
|
| 7 | 7 | <div class="fixed bg-[#121113] w-full py-4 px-8"> |
|
| 8 | - | <a href="/" class="text-sm hover:underline">steve.photo</a> |
|
| 8 | + | <a href="/" class="text-sm hover:underline">steve.photo (go back)</a> |
|
| 9 | 9 | </div> |
|
| 10 | 10 | ||
| 11 | 11 | <div class="flex gap-2 px-8 pt-16"> |
|
| 12 | - | <div class="flex-2 min-w-0"> |
|
| 12 | + | <div class="flex-6 min-w-0"> |
|
| 13 | 13 | <img class="max-w-full h-auto block" src={data.photo.image} alt={data.photo.title} /> |
|
| 14 | 14 | </div> |
|
| 15 | 15 | <div class="flex flex-col gap-1 flex-1 min-w-0 p-4"> |