Skip to content

Commit db10a72

Browse files
committed
fix: make tab border compatible with dark theme
1 parent 9e872df commit db10a72

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

components/retroui/Tab.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const TabsTrigger = ({ children, className, ...props }: ITabsTrigger) => {
3535
return (
3636
<Tab
3737
className={cn(
38-
"px-4 py-1 border-2 border-transparent data-selected:border-black data-selected:bg-primary data-selected:font-semibold focus:outline-hidden",
38+
"px-4 py-1 border-2 border-transparent data-selected:border-border data-selected:bg-primary data-selected:font-semibold focus:outline-hidden",
3939
className,
4040
)}
4141
{...props}
@@ -51,7 +51,7 @@ interface ITabsContent extends TabPanelProps {
5151
const TabsContent = ({ children, className, ...props }: ITabsContent) => {
5252
return (
5353
<TabPanel
54-
className={cn("border-2 border-black mt-2 p-4", className)}
54+
className={cn("border-2 border-border mt-2 p-4", className)}
5555
{...props}
5656
>
5757
{children}

0 commit comments

Comments
 (0)