[fix] sidebar gui problem

src/lib/SideBars/Sidebar.svelte

@@ -289,16 +289,16 @@
 </script>
 
 <div
-  class="flex h-full w-20 min-w-20 flex-col items-center overflow-x-hidden overflow-y-scroll bg-bgcolor text-white shadow-lg"
+  class="flex h-full w-20 min-w-20 flex-col items-center bg-bgcolor text-white shadow-lg"
   class:editMode
 >
   <button
-    class="absolute top-0 flex h-8 w-14 min-w-14 cursor-pointer items-center justify-center rounded-b-md bg-gray-500 transition-colors hover:bg-green-500"
+    class="flex h-8 w-14 min-w-14 cursor-pointer items-center justify-center rounded-b-md bg-gray-500 transition-colors hover:bg-green-500"
     on:click={() => {
       menuMode = 1 - menuMode;
-    }}><ListIcon /></button
+    }}><ListIcon />
-  >
+  </button>
-  <div class="h-8 min-h-8 w-14 min-w-14 bg-transparent" />
+  <div class="flex flex-grow w-full flex-col items-center overflow-x-hidden overflow-y-auto pr-0">
     <div class="h-4 min-h-4 w-14" on:dragover={(e) => {
       e.preventDefault()
       e.dataTransfer.dropEffect = 'move'
@@ -480,6 +480,7 @@
           }
         }}><Settings /></BarIcon
       >
+      <div class="mt-2"></div>
       <BarIcon
         onClick={() => {
           reseter();
@@ -488,6 +489,7 @@
       >
     {/if}
   </div>
+</div>
 <div
   class="setting-area flex w-96 flex-col overflow-y-auto overflow-x-hidden bg-darkbg p-6 text-gray-200"
   class:flex-grow={$SizeStore.w <= 1000}