fix: disable all buttons and dropdowns on launch

src-tauri/Cargo.lock

@@ -1007,7 +1007,7 @@ dependencies = [
 
 [[package]]
 name = "ezpplauncher"
-version = "3.1.0"
+version = "3.1.1"
 dependencies = [
  "base64 0.22.1",
  "discord-rich-presence",

src/lib/components/ui/animated-bg/AnimatedBg.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import Logo from '$assets/logo.png';
+
   //TODO: maybe dynamic background images fetched from ezpp?
 
   const COUNT = 60;
@@ -7,26 +9,28 @@
     return Math.random() * (max - min) + min;
   }
 
-  const streaks = Array.from({ length: COUNT }).map((_, i) => {
+  const streaks = Array.from({ length: COUNT })
-    const depth = rand(0, 2);
+    .map((_, i) => {
+      const depth = rand(0, 2);
 
-    const scale = 0.6 + depth * 0.8;
+      const scale = 0.6 + depth * 0.8;
-    const speed = 0.4 + depth * 1.35;
+      const speed = 0.4 + depth * 1.35;
 
-    const distance = 150;
+      const distance = 150;
-    const duration = distance / speed;
+      const duration = distance / speed;
 
-    return {
+      return {
-      width: rand(180, 320) * scale,
+        width: rand(300, 320) * scale,
-      height: rand(16, 32) * scale,
+        height: 32 * scale,
-      x: (i / COUNT) * 200 - 50,
+        x: (i / COUNT) * 200 - 50,
-      y: ((i * 137.5) % 100) - 20,
+        y: ((i * 137.5) % 100) - 20,
-      opacity: 0.25 + depth * 0.65,
+        opacity: 0.25 + depth * 0.65,
-      duration,
+        duration,
-      delay: rand(0, duration),
+        delay: rand(0, duration),
-      scale,
+        scale,
-    };
+      };
-  });
+    })
+    .sort((a, b) => a.scale - b.scale);
 </script>
 
 <div class="absolute bg blur-[2px]">
@@ -54,7 +58,12 @@
     position: fixed;
     inset: 0;
     overflow: hidden;
-    background: linear-gradient(180deg, var(--color-primary-300) 0%, var(--color-primary-600) 40%, var(--color-primary-900) 100%);
+    background: linear-gradient(
+      180deg,
+      var(--color-primary-300) 0%,
+      var(--color-primary-600) 40%,
+      var(--color-primary-900) 100%
+    );
   }
 
   .streak {

src/screens/Launch.svelte

@@ -882,7 +882,10 @@
       class="flex size-12 items-center gap-2 border {selectedView === 'home'
         ? 'bg-primary-300/50 border-primary-300/50'
         : 'bg-black/20 border-black/20'} hover:bg-primary-300/50 hover:border-primary-300/50 rounded-[0.85rem] p-3 mt-3"
-      onclick={() => (selectedView = 'home')}
+      disabled={$launching}
+      onclick={() => {
+        if (!$launching) selectedView = 'home';
+      }}
     >
       <House class="text-theme-200 !size-5" />
     </Button>
@@ -890,13 +893,16 @@
       class="flex size-12 items-center gap-2 border {selectedView === 'settings'
         ? 'bg-primary-300/50 border-primary-300/50'
         : 'bg-black/20 border-black/20'} hover:bg-primary-300/50 hover:border-primary-300/50 rounded-[0.85rem] p-3 mt-3"
-      onclick={() => (selectedView = 'settings')}
+      disabled={$launching}
+      onclick={() => {
+        if (!$launching) selectedView = 'settings';
+      }}
     >
       <Settings class="text-theme-200 !size-5" />
     </Button>
     <div class="mt-auto">
       <DropdownMenu.Root>
-        <DropdownMenu.Trigger>
+        <DropdownMenu.Trigger disabled={$launching}>
           <Avatar.Root class="size-10">
             <Avatar.Image src="https://a.ez-pp.farm/{$currentUser?.id ?? 0}" />
             <Avatar.Fallback class="bg-theme-900">