refactor: use css

propeldata · Sep 24, 2024 · ecec579 · ecec579
1 parent 7dcbbda
commit ecec579
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 23 deletions.
diff --git a/packages/ui-kit/src/components/Tabs/Tabs.tsx b/packages/ui-kit/src/components/Tabs/Tabs.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Tabs as TabsBase } from '@radix-ui/themes'
 import { Card as CardBase } from '../Card'
 import '@radix-ui/themes/styles.css'
-import './styles.scss'
+import './styles.css'
 
 type TabsBase = typeof TabsBase
 

diff --git a/packages/ui-kit/src/components/Tabs/styles.css b/packages/ui-kit/src/components/Tabs/styles.css
@@ -0,0 +1,20 @@
+.rt-BaseTabList:has(.propel-Card) {
+  all: unset;
+  width: 100%;
+}
+
+.rt-BaseTabList:has(.propel-Card) .rt-TabsTrigger {
+  all: unset !important;
+  display: block !important;
+  box-sizing: border-box;
+  inline-size: 100% !important;
+}
+
+.rt-BaseTabList:has(.propel-Card) .rt-TabsTrigger > .rt-TabsTriggerInner {
+  all: unset !important;
+  display: block !important;
+}
+
+.rt-BaseTabList:has(.propel-Card) .rt-TabsTrigger > .rt-TabsTriggerInnerHidden {
+  display: none;
+}
diff --git a/packages/ui-kit/src/components/Tabs/styles.scss b/packages/ui-kit/src/components/Tabs/styles.scss