Improve highlight bar mobile layout

This commit is contained in:
Jackson Harper 2023-08-24 14:06:30 +08:00
parent 361aa33ba9
commit 61ef19e311

View file

@ -96,9 +96,10 @@ function BarContent(props: HighlightBarProps): JSX.Element {
alignment="center"
css={{
display: 'flex',
padding: props.displayAtBottom ? '10px 15px' : '5px 10px',
gap: props.displayAtBottom ? '15px' : '5px',
gap: '5px',
maxWidth: '100%',
width: props.displayAtBottom ? '100%' : 'auto',
padding: props.displayAtBottom ? '10px 15px' : '5px 10px',
}}
>
{highlightColors.map((color) => {