front: scroll to end of page

tbmc · May 17, 2024 · 1bd9d5b · 1bd9d5b
1 parent 6696b98
commit 1bd9d5b
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/web-app/src/app.html b/web-app/src/app.html
@@ -1,20 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width" />
-		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"/>
-		%sveltekit.head%
-
-		<style>
-			:root {
-				--primary-background: #030E2F;
-				--primary-color: #63C37B;
-			}
-		</style>
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css" />
+    %sveltekit.head%
+
+    <style>
+      :root {
+        --primary-background: #030e2f;
+        --primary-color: #63c37b;
+      }
+
+      html {
+        scroll-behavior: smooth;
+      }
+    </style>
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
 </html>
diff --git a/web-app/src/lib/GenerateUrl/LoginForm.svelte b/web-app/src/lib/GenerateUrl/LoginForm.svelte
@@ -44,6 +44,10 @@
       dataParamsStore.set(data);
       disableSaveLoginStore.set(disableSaveLogin);
       twoText.animate();
+
+      setTimeout(() => {
+        window.scrollTo(0, document.body.scrollHeight);
+      }, 500);
     }
 
     clicked();