mirror of
https://github.com/enricoros/big-AGI.git
synced 2026-05-10 21:50:14 -07:00
Settings: improve padding
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user