mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-04 00:18:01 +01:00
chore: minor button style adjustments (#9170)
Make it look more like a dropdown
This commit is contained in:
parent
f4556839c8
commit
08c016b755
@ -203,13 +203,15 @@ export const PeriodSelector: FC<Props> = ({ selectedPeriod, setPeriod }) => {
|
|||||||
fontWeight: 'normal',
|
fontWeight: 'normal',
|
||||||
color: theme.palette.text.primary,
|
color: theme.palette.text.primary,
|
||||||
borderColor: theme.palette.divider,
|
borderColor: theme.palette.divider,
|
||||||
borderWidth: '2px',
|
|
||||||
':focus-within': {
|
':focus-within': {
|
||||||
borderColor: theme.palette.primary.main,
|
borderColor: theme.palette.primary.main,
|
||||||
},
|
},
|
||||||
':hover': {
|
':hover': {
|
||||||
borderWidth: '2px', // Prevent the border from changing width on hover
|
borderColor: theme.palette.text.disabled,
|
||||||
|
backgroundColor: 'inherit',
|
||||||
},
|
},
|
||||||
|
|
||||||
|
transition: 'border-color 0.1s ease',
|
||||||
})}
|
})}
|
||||||
variant='outlined'
|
variant='outlined'
|
||||||
disableRipple
|
disableRipple
|
||||||
|
Loading…
Reference in New Issue
Block a user