take two

mallsoft · Oct 17, 2024 · ef8a60d · ef8a60d
1 parent 0908a7f
commit ef8a60d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/app.html b/src/app.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
   </head>
-  <body data-sveltekit-prefetch>
+  <body data-sveltekit-prefetch style="opacity: 0">
     <div id="mallsoftapp" style="display: contents">%sveltekit.body%</div>
   </body>
 </html>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -2,8 +2,22 @@
   import '@fontsource/space-grotesk';
   import '../app.css';
   import Meta from '$lib/components/layout/Meta.svelte';
+  import { onMount } from 'svelte';
+
+  onMount(() => {
+    document.body.style.transition = 'opacity 0.2s';
+    document.body.style.opacity = '1';
+  });
 </script>
 
 <Meta />
 
 <slot />
+
+<noscript>
+  <style>
+    body {
+      opacity: 1 !important;
+    }
+  </style>
+</noscript>