Settings: improve padding

This commit is contained in:
Enrico Ros
2024-08-05 20:23:11 -07:00
parent c36440d576
commit bf47d40fdf
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -58,7 +58,7 @@ export function ProviderConfigure(props: {
<ExpanderControlledBox expanded={open}>
{!!ProviderConfig && (
<Card variant='outlined' sx={{ mb: 1, borderTopColor: 'primary.softActiveBg' }}>
<CardContent sx={{ gap: 1 }}>
<CardContent sx={{ gap: 1.5 /* keep in sync with SettingsModal > AccordionDetails > Box */ }}>
<ProviderConfig />
</CardContent>
</Card>
+3 -3
View File
@@ -1,7 +1,7 @@
import * as React from 'react';
import type { SxProps } from '@mui/joy/styles/types';
import { Accordion, AccordionDetails, accordionDetailsClasses, AccordionGroup, AccordionSummary, accordionSummaryClasses, Avatar, Button, Divider, ListItemContent, Stack, styled, Tab, tabClasses, TabList, TabPanel, Tabs } from '@mui/joy';
import { Accordion, AccordionDetails, accordionDetailsClasses, AccordionGroup, AccordionSummary, accordionSummaryClasses, Avatar, Box, Button, Divider, ListItemContent, styled, Tab, tabClasses, TabList, TabPanel, Tabs } from '@mui/joy';
import AddIcon from '@mui/icons-material/Add';
import ScienceIcon from '@mui/icons-material/Science';
import SearchIcon from '@mui/icons-material/Search';
@@ -90,9 +90,9 @@ function Topic(props: { title?: React.ReactNode, icon?: string | React.ReactNode
)}
<AccordionDetails>
<Stack sx={{ gap: 'calc(var(--Card-padding) / 2)', border: 'none' }}>
<Box sx={{ display: 'grid', gap: 1.5 /* keep in sync with ProviderConfigure > ExpanderControlledBox > Card > CardContent (Draw App) */ }}>
{props.children}
</Stack>
</Box>
</AccordionDetails>
</Accordion>