From d3738a2ec1ef617fdf3affd0a79ab4a4f3b70f84 Mon Sep 17 00:00:00 2001 From: Paulo Castellano Date: Fri, 17 Jul 2026 20:58:53 -0300 Subject: [PATCH] fix(ui): stop the scrollable tabs list from clipping button borders overflow-x-auto forces overflow-y to auto too, so the tab triggers' border and shadow were clipped at the list edges (visible on the editor Preview/Channels/ Comments tabs). Drop the fixed h-10 and pad the list (p-1) so the scroll container has room around the buttons on all sides. --- resources/js/components/ui/tabs/TabsList.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/js/components/ui/tabs/TabsList.vue b/resources/js/components/ui/tabs/TabsList.vue index 02855184..e825f065 100644 --- a/resources/js/components/ui/tabs/TabsList.vue +++ b/resources/js/components/ui/tabs/TabsList.vue @@ -15,7 +15,7 @@ const delegatedProps = reactiveOmit(props, "class") data-slot="tabs-list" v-bind="delegatedProps" :class="cn( - 'inline-flex h-10 w-fit max-w-full items-center gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', + 'inline-flex w-fit max-w-full items-center gap-2 overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', props.class, )" >