fix mobile

kitsune-soc · Oct 27, 2024 · 416cc7a · 416cc7a
1 parent e295453
commit 416cc7a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/kitsune-fe/src/routes/+layout.svelte b/kitsune-fe/src/routes/+layout.svelte
@@ -20,7 +20,7 @@
 
 {@render children()}
 
-<footer class="absolute bottom-3 left-3 text-sm">
+<footer class="text-sm max-lg:text-center lg:fixed lg:bottom-3 lg:left-3">
 	<p>
 		Backend version: {backendVersion}
 		<br />Frontend version: {frontendVersion}
@@ -31,7 +31,3 @@
 		<a target="_blank" href="https://github.com/kitsune-soc/kitsune">Kitsune</a>
 	</span>
 </footer>
-
-<style lang="scss">
-	@use '../styles/mixins' as *;
-</style>
diff --git a/kitsune-fe/src/routes/+page.svelte b/kitsune-fe/src/routes/+page.svelte
@@ -80,7 +80,9 @@
 	<button onclick={() => (registerErrorDialogOpen = false)}>Close</button>
 </Dialog>
 
-<div class="flex h-screen w-screen flex-col lg:flex-row lg:place-content-evenly lg:items-center">
+<div
+	class="flex min-h-screen w-screen flex-col lg:flex-row lg:place-content-evenly lg:items-center"
+>
 	<div class="place-item-center flex flex-col max-lg:text-center">
 		<img class="w-3/5" src="/kitsune_full.svg" alt="Kitsune logo" />
 
@@ -98,7 +100,7 @@
 		</ul>
 	</div>
 
-	<div class="basis-1/4">
+	<div class="basis-1/4 max-lg:m-5">
 		<form class="grid grid-cols-1 gap-6" onsubmit={doRegister}>
 			<label class="block" for="username">
 				Username