antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 10:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Adjust various styles

Browse source
This commit is contained in:
jeffvli 2023-01-30 01:36:36 -08:00
parent 2700774469
commit 5ddd0872ef
22 changed files with 54 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/renderer/components/tabs/index.tsx
View file

@ -22,6 +22,7 @@ const StyledTabs = styled(MantineTabs)`
button {
padding: 1rem;
color: var(--btn-subtle-fg);
border-radius: 0;
&:hover {
color: var(--btn-subtle-fg-hover);
@ -33,14 +34,22 @@ const StyledTabs = styled(MantineTabs)`
button[data-active] {
color: var(--btn-primary-fg);
background: var(--primary-color);
border-color: var(--primary-color);
background: none;
box-shadow: 2px 0 0 var(--primary-color) inset;
&:hover {
background: var(--btn-primary-bg-hover);
border-color: var(--primary-color);
background: none;
}
}
/* button[data-active]::before {
content: '';
border-left: 2px solid var(--primary-color);
position: absolute;
left: 0;
right: 0;
bottom: 0;
} */
`;
export const Tabs = ({ children, ...props }: TabsProps) => {