fix: while disconnected, pages aren't centered properly

drips-network · Jul 14, 2023 · 6d1b880 · 6d1b880
1 parent ad5ad95
commit 6d1b880
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/routes/app/(app)/+layout.svelte b/src/routes/app/(app)/+layout.svelte
@@ -31,7 +31,7 @@
   }
 </script>
 
-<div class="main" in:fly={{ duration: 300, y: 16 }}>
+<div class="main" class:disconnected={!$wallet.connected} in:fly={{ duration: 300, y: 16 }}>
   <div class="page">
     <PageTransition pathname={data.pathname}>
       <div class:loading={$navigating}><slot /></div>
@@ -97,6 +97,11 @@
     flex-direction: row-reverse;
     gap: 2rem;
     width: 100vw;
+    transition: gap 0.3s;
+  }
+
+  .main.disconnected {
+    gap: 0;
   }
 
   .header {