chore: improve custom scroll areas

2026-05-30 21:41:32 +03:00
parent 3541f2f78b
commit fbc3e193bf
11 changed files with 270 additions and 193 deletions
@@ -30,12 +30,14 @@
  </Select.Trigger>
  <Select.Portal>
    <Select.Content class="admin-select-content" {sideOffset}>
-      {#each items as item (item.value)}
-        <Select.Item value={item.value} label={item.label} class="admin-select-item">
-          <span>{item.label}</span>
-          <Check size={14} class="admin-select-item-check" />
-        </Select.Item>
-      {/each}
+      <Select.Viewport class="admin-select-viewport">
+        {#each items as item (item.value)}
+          <Select.Item value={item.value} label={item.label} class="admin-select-item">
+            <span>{item.label}</span>
+            <Check size={14} class="admin-select-item-check" />
+          </Select.Item>
+        {/each}
+      </Select.Viewport>
    </Select.Content>
  </Select.Portal>
 </Select.Root>
@@ -5,6 +5,7 @@
  import { onMount } from "svelte";
  import { fade, fly } from "svelte/transition";
  import Button from "./button.svelte";
+  import ScrollArea from "./scroll-area.svelte";

  export let open = false;
  export let title = "";
@@ -65,7 +66,9 @@
          <X size={18} />
        </Button>
      </div>
-      <slot />
+      <ScrollArea class="dialog-body-scroll" maxHeight="none">
+        <slot />
+      </ScrollArea>
    </section>
  </div>
 {/if}