fix: ScrollAreaThumb width in horizontal orientation (#309)

This commit is contained in:
Pier107 2024-01-28 10:41:54 +01:00 committed by GitHub
parent 42f0086586
commit 8bd5525368
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions

View File

@ -15,7 +15,7 @@ const props = withDefaults(defineProps<ScrollAreaScrollbarProps>(), {
orientation === 'vertical'
&& 'h-full w-2.5 border-l border-l-transparent p-[1px]',
orientation === 'horizontal'
&& 'h-2.5 border-t border-t-transparent p-[1px]',
&& 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
$attrs.class ?? '')"
>
<ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />

View File

@ -15,7 +15,7 @@ const props = withDefaults(defineProps<ScrollAreaScrollbarProps>(), {
orientation === 'vertical'
&& 'h-full w-2.5 border-l border-l-transparent p-[1px]',
orientation === 'horizontal'
&& 'h-2.5 border-t border-t-transparent p-[1px]',
&& 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
$attrs.class ?? '')"
>
<ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />