From df9713d01885b97d7fcda046925c39063e8928bc Mon Sep 17 00:00:00 2001
From: Ykrej <stellan125@gmail.com>
Date: Wed, 2 Jul 2025 14:42:02 -0700
Subject: [PATCH 1/2] feat: ease in sidebar

---
 src/routes/components/ServerPartsGrid.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/components/ServerPartsGrid.svelte b/src/routes/components/ServerPartsGrid.svelte
index fde8e0f..104fed3 100644
--- a/src/routes/components/ServerPartsGrid.svelte
+++ b/src/routes/components/ServerPartsGrid.svelte
@@ -16,7 +16,7 @@
   let filterMenuOpen = $state(true)
 
   const filterDivClass =
-    'm-1 rounded-sm border-1 bg-gray-50 px-1 drop-shadow-md'
+    'm-1 w-46 rounded-sm border-1 bg-gray-50 px-1 drop-shadow-md'
 
   let gridApi: GridApi | undefined = $state()
 
@@ -142,7 +142,11 @@
 </script>
 
 <div class="flex">
-  <div class="h-screen flex-none {filterMenuOpen ? 'w-48' : 'w-6'}">
+  <div
+    class="h-screen flex-none duration-200 ease-in {filterMenuOpen
+      ? 'w-48'
+      : 'w-6'}"
+  >
     <button
       onclick={() => (filterMenuOpen = !filterMenuOpen)}
       class="m-0 w-full drop-shadow-sm hover:bg-sky-50 hover:drop-shadow-md {filterMenuOpen
@@ -151,7 +155,7 @@
     >
       {#if filterMenuOpen}
         <div class="flex p-1 px-2">
-          <span>Filters</span>
+          <span class="font-semibold">Filters</span>
           <span class="flex-grow"></span>
           <CloseIcon />
         </div>
@@ -159,7 +163,7 @@
         <div class="flex h-full flex-col pt-1">
           <HamburgerIcon />
           <span class="flex-grow"></span>
-          <span class="-rotate-90">Filters</span>
+          <span class="-rotate-90 font-semibold">Filters</span>
           <span class="flex-grow"></span>
         </div>
       {/if}

From d803a9724a8605077c4366d3e54ca96dea800cfc Mon Sep 17 00:00:00 2001
From: Ykrej <stellan125@gmail.com>
Date: Wed, 2 Jul 2025 14:58:16 -0700
Subject: [PATCH 2/2] feat: make hamburger icon slide

---
 src/routes/components/ServerPartsGrid.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/components/ServerPartsGrid.svelte b/src/routes/components/ServerPartsGrid.svelte
index 104fed3..9b86125 100644
--- a/src/routes/components/ServerPartsGrid.svelte
+++ b/src/routes/components/ServerPartsGrid.svelte
@@ -161,7 +161,10 @@
         </div>
       {:else}
         <div class="flex h-full flex-col pt-1">
-          <HamburgerIcon />
+          <div class="flex w-full">
+            <span class="flex-grow"></span>
+            <HamburgerIcon />
+          </div>
           <span class="flex-grow"></span>
           <span class="-rotate-90 font-semibold">Filters</span>
           <span class="flex-grow"></span>