From 038e6368e4f0bbf798ab232e9508a7b7e9104bb0 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 14 Aug 2024 16:46:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20introduce=20'flex'=20T?=
 =?UTF-8?q?abPanel=20variant?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

By default, TabPanel used the flow layout alg.
Added a variant to support flex layou in TabPanel
---
 src/frontend/src/primitives/Tabs.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/frontend/src/primitives/Tabs.tsx b/src/frontend/src/primitives/Tabs.tsx
index 04638b94..e7ecbaec 100644
--- a/src/frontend/src/primitives/Tabs.tsx
+++ b/src/frontend/src/primitives/Tabs.tsx
@@ -149,6 +149,15 @@ const StyledTabPanel = styled(RACTabPanel, {
       outline: '2px solid red',
     },
   },
+  variants: {
+    flex: {
+      true: {
+        display: 'flex',
+        flexGrow: 1,
+        overflow: 'auto',
+      },
+    },
+  },
 })
 
 export type TabPanelProps = RACTabPanelProps &