fix: table controls overflow sidebar

aminnausin · aminnausin · commit 1ae1a4dce92d · 2025-12-30T02:20:47.000-05:00
diff --git a/resources/js/components/cedar-ui/table/TableBase.vue b/resources/js/components/cedar-ui/table/TableBase.vue
@@ -62,8 +62,8 @@ onMounted(() => {
                 title="Search with..."
             />
 
-            <div :class="['flex flex-wrap items-end gap-2 sm:flex-nowrap', { 'flex-1': model === undefined }]">
-                <div class="flex w-full flex-1 flex-col gap-2 sm:w-40">
+            <div :class="['flex flex-wrap items-end gap-2 sm:flex-nowrap', model === undefined ? 'flex-1' : 'sm:w-48']">
+                <div :class="['flex w-full flex-1 flex-col gap-2']">
                     <InputSelect
                         :name="'sort'"
                         :placeholder="'Sort by...'"
