Responsive updates.

This commit is contained in:
Mike Cao 2025-10-10 17:28:53 -07:00
parent 53929626cf
commit 14981717b9
5 changed files with 231 additions and 212 deletions

View file

@ -37,7 +37,8 @@ export function Panel({ title, allowFullscreen, style, children, ...props }: Pan
return (
<Column
padding={{ xs: '3', md: '6' }}
paddingY="6"
paddingX={{ xs: '3', md: '6' }}
border
borderRadius="3"
backgroundColor
@ -50,7 +51,7 @@ export function Panel({ title, allowFullscreen, style, children, ...props }: Pan
{allowFullscreen && (
<Row justifyContent="flex-end" alignItems="center">
<TooltipTrigger delay={0} isDisabled={isFullscreen}>
<Button variant="quiet" onPress={handleFullscreen}>
<Button size="sm" variant="quiet" onPress={handleFullscreen}>
<Icon>{isFullscreen ? <X /> : <Maximize />}</Icon>
</Button>
<Tooltip>{formatMessage(labels.maximize)}</Tooltip>