style: enhance MultiSelect component's overlay and list for better scrolling experience

This commit is contained in:
Johnpaul
2025-09-05 22:06:58 +01:00
parent eb72d04f99
commit c6933a4fdf
2 changed files with 60 additions and 2 deletions

View File

@@ -171,9 +171,10 @@ const pt = computed(() => ({
}),
// Overlay & list visuals unchanged
overlay:
'mt-2 bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white rounded-lg border border-solid border-zinc-100 dark-theme:border-zinc-700',
'mt-2 bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white rounded-lg border border-solid border-zinc-100 dark-theme:border-zinc-700 max-h-64 overflow-y-scroll',
list: {
class: 'flex flex-col gap-1 p-0 list-none border-none text-xs'
class:
'flex flex-col gap-1 p-0 list-none border-none text-xs overflow-y-scroll'
},
// Option row hover and focus tone
option: ({ context }: MultiSelectPassThroughMethodOptions) => ({