fix footer

pyrossh · May 10, 2024 · 48bd65c · 48bd65c
1 parent d344737
commit 48bd65c
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 12 deletions.
diff --git a/src/app.html b/src/app.html
@@ -16,8 +16,8 @@
   %sveltekit.head%
 </head>
 
-<body data-sveltekit-preload-data="hover">
-  <div style="display: contents">%sveltekit.body%</div>
+<body class="min-h-screen flex flex-col" data-sveltekit-preload-data="hover">
+  <div class="contents">%sveltekit.body%</div>
 </body>
 
 </html>
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
@@ -3,15 +3,15 @@
 	import SocialLinks from './SocialLinks.svelte';
 </script>
 
-<footer class="flex w-full flex-1 flex-row justify-center text-xl leading-6 bg-black">
+<footer class="flex flex-row justify-center text-xl leading-6 bg-black">
 	<div class="flex flex-row flex-1 py-4 px-3 max-w-5xl">
 		<div class="flex-1">
 			<SocialLinks />
 		</div>
-		<div class="flex">
-			<span class="text-base text-[#8D8D93] hover:no-underline"> powered by </span>
-			<a class="mx-2 -mt-3" href="https://kit.svelte.dev" target="_blank" rel="noopener noreferrer">
-				<Icon icon="logos:svelte-kit" width="120px" height="50px" />
+		<div class="flex items-center justify-center mx-2">
+			<span class="text-base text-gray-200 hover:no-underline mr-2"> powered by </span>
+			<a href="https://kit.svelte.dev" target="_blank" rel="noopener noreferrer">
+				<Icon icon="logos:svelte-icon" height="36px" />
 			</a>
 		</div>
 	</div>

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -1,5 +1,5 @@
 <header>
-	<nav class="flex w-full flex-1 flex-row justify-center bg-black font-mono text-lg">
+	<nav class="flex flex-1 flex-row justify-center bg-black font-mono text-lg">
 		<div class="flex flex-row flex-1 items-center p-3 max-w-5xl">
 			<a class="flex text-[#f1fa8c] pr-4 hover:no-underline ml-0 pl-0" href="/">
 				<span class="mr-1 font-logo font-bold">木</span> pyrossh

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -19,9 +19,9 @@
 </svelte:head>
 <div class="leading-8 flex flex-1 flex-col text-base sm:leading-7 m-0">
 	<Header />
-	<main class="w-full h-full block bg-white">
-		<div class="flex w-full flex-1 flex-row justify-center">
-			<div class="flex w-full flex-1 flex-row items-center max-w-5xl mt-4 mb-20 p-4">
+	<main class="flex flex-1 bg-white">
+		<div class="flex flex-1 flex-row justify-center">
+			<div class="flex flex-1 flex-row max-w-5xl mt-4 mb-20 p-4">
 				<!-- {@render children()} -->
 				<slot />
 			</div>

diff --git a/src/routes/posts/+page.svelte b/src/routes/posts/+page.svelte
@@ -23,5 +23,4 @@
 			</li>
 		{/each}
 	</ul>
-	<div class="h-[24rem]" />
 </div>