vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-06-16 16:34:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update tab styles

Browse Source
This commit is contained in:
jeffvli
2022-11-14 14:25:24 -08:00
parent 5ee5a089c5
commit 4029b149ee
1 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/tabs/index.tsx
+29 -10
View File
@@ -7,22 +7,41 @@ import styled from 'styled-components';
type TabsProps = MantineTabsProps; type TabsProps = MantineTabsProps;
const StyledTabs = styled(MantineTabs)` const StyledTabs = styled(MantineTabs)`
button[data-active] { height: 100%;
color: var(--main-fg);
border-color: var(--primary-color);
opacity: 1;
&:hover { & .mantine-Tabs-tabsList {
border-color: var(--primary-color); padding-right: 1rem;
} border-right: 1px solid var(--generic-border-color);
}
&.mantine-Tabs-tab {
background-color: var(--main-bg);
}
& .mantine-Tabs-panel {
padding: 0 1rem;
} }
button { button {
color: var(--main-fg); padding: 1rem;
opacity: 0.6; color: var(--btn-subtle-fg);
&:hover { &:hover {
background-color: var(--btn-subtle-bg-hover); color: var(--btn-subtle-fg-hover);
background: var(--btn-subtle-bg-hover);
}
transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
button[data-active] {
color: var(--btn-primary-fg);
background: var(--primary-color);
border-color: var(--primary-color);
&:hover {
background: var(--btn-primary-bg-hover);
border-color: var(--primary-color);
} }
} }
`; `;