💄 ui: adjust max height of vertical tab layout

The max height of the vertical tab list is increased from 135px to 181px to better accommodate tab content and prevent unnecessary scroll bars
w3bdesign · Dec 17, 2024 · 650681e · 650681e
1 parent d8cab3a
commit 650681e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/UI/Tabs.component.tsx b/src/components/UI/Tabs.component.tsx
@@ -37,7 +37,7 @@ const Tabs: React.FC<TabsProps> = ({ tabs, orientation = "vertical" }) => {
         className={`flex ${isVertical ? "flex-col sm:flex-row" : "flex-col"} bg-gray-800 rounded-lg h-[calc(75vh-2rem)] mt-4`}
       >
         <div
-          className={`${isVertical ? "sm:w-1/4 w-full" : "w-full"} bg-gray-700 ${isVertical ? "max-h-[135px] " : ""}`}
+          className={`${isVertical ? "sm:w-1/4 w-full" : "w-full"} bg-gray-700 ${isVertical ? "max-h-[181px] " : ""}`}
         >
           <div
             className={`flex ${isVertical ? "flex-row sm:flex-col" : "flex-row"}`}