Add footer

2020-10-27 05:59:21 +07:00 · 2020-10-27 05:59:21 +07:00 · 0c8b564bc9
parent 54d80a553e
commit 0c8b564bc9
3 changed files with 18 additions and 4 deletions
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@ -19,6 +19,10 @@
 {#if $showSidebar}
  <Sidebar {segment} mobile />
 {/if}
-<main>
+<main style="flex: 1 0 auto;">
  <slot />
 </main>
+<p class="lg:ml-64 px-8 py-4 text-gray-600">
+  Paimon.moe is not affiliated with miHoYo.<br />
+  Genshin Impact, game content and materials are trademarks and copyrights of miHoYo.
+</p>
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@ -1 +1,5 @@
-<h1 class="text-white p-4 lg:ml-64 text-2xl font-bold font-display">Welcome to Paimon.moe!</h1>
+<script context="module">
+  export async function preload() {
+    return this.redirect(302, 'characters');
+  }
+</script>
--- a/src/template.html
+++ b/src/template.html
@ -9,7 +9,13 @@
  
  <link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@600;700;900&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
 	<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
-	<link rel="icon" type="image/png" href="favicon.png">
+  <link rel="icon" type="image/png" href="favicon.png">
+  
+  <style>
+    html {
+      height: 100%;
+    }
+  </style>

 	<!-- Sapper creates a <script> tag containing `src/client.js`
 	     and anything else it needs to hydrate the app and
@ -28,6 +34,6 @@
 <body class="font-body h-full bg-background-secondary">
 	<!-- The application will be rendered inside this element,
 	     because `src/client.js` references it -->
-	<div id="sapper">%sapper.html%</div>
+	<div id="sapper" class="flex flex-col h-full">%sapper.html%</div>
 </body>
 </html>