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

Update base button styles

Browse Source 
- Use brightness filter for hover/focus styles
- Re-add default active style
This commit is contained in:
jeffvli
2023-10-23 08:24:23 -07:00
parent 244c00c4c6
commit f21b8d6bbd
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/button/index.tsx
+2 -8
View File
@@ -41,8 +41,7 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
&:not([data-disabled])&:hover { &:not([data-disabled])&:hover {
color: ${(props) => `var(--btn-${props.variant}-fg) !important`}; color: ${(props) => `var(--btn-${props.variant}-fg) !important`};
background: ${(props) => `var(--btn-${props.variant}-bg)`}; background: ${(props) => `var(--btn-${props.variant}-bg)`};
background-image: ${(props) => filter: brightness(85%);
props.variant === 'filled' ? 'linear-gradient(rgb(0 0 0/40%) 0 0)' : undefined};
border: ${(props) => `var(--btn-${props.variant}-border-hover)`}; border: ${(props) => `var(--btn-${props.variant}-border-hover)`};
svg { svg {
@@ -53,12 +52,7 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
&:not([data-disabled])&:focus-visible { &:not([data-disabled])&:focus-visible {
color: ${(props) => `var(--btn-${props.variant}-fg-hover)`}; color: ${(props) => `var(--btn-${props.variant}-fg-hover)`};
background: ${(props) => `var(--btn-${props.variant}-bg)`}; background: ${(props) => `var(--btn-${props.variant}-bg)`};
background-image: ${(props) => filter: brightness(85%);
props.variant === 'filled' ? 'linear-gradient(rgb(0 0 0/40%) 0 0)' : undefined};
}
&:active {
transform: none;
} }
& .mantine-Button-centerLoader { & .mantine-Button-centerLoader {