Fix multiselect header spacing on small screens

This commit is contained in:
Jackson Harper 2023-08-03 17:38:07 +08:00
parent 0b2e0878fc
commit e289e29b16

View file

@ -576,10 +576,11 @@ function ControlButtonBox(props: ControlButtonBoxProps): JSX.Element {
distribution={props.multiSelectMode !== 'off' ? 'center' : 'start'}
css={{
gap: '10px',
width: '95%',
'@mdDown': {
width: props.multiSelectMode !== 'off' ? '100%' : '95%',
display: props.multiSelectMode !== 'off' ? 'flex' : 'none',
},
width: '95%',
'@media (min-width: 930px)': {
width: '660px',
},
@ -599,9 +600,6 @@ function ControlButtonBox(props: ControlButtonBoxProps): JSX.Element {
display: 'flex',
gap: '2px',
alignItems: 'center',
'@mdDown': {
mx: '20px',
},
}}
>
<SpanBox