Add slightly more padding above the profile save and cancel buttons

This commit is contained in:
Ginger 2025-09-16 09:36:07 -04:00
parent 07df0c2c79
commit 984803c52c
No known key found for this signature in database

View file

@ -33,6 +33,7 @@ import {
PopOut, PopOut,
RectCords, RectCords,
Menu, Menu,
Line,
} from 'folds'; } from 'folds';
import FocusTrap from 'focus-trap-react'; import FocusTrap from 'focus-trap-react';
import { UserEvent } from 'matrix-js-sdk'; import { UserEvent } from 'matrix-js-sdk';
@ -595,19 +596,20 @@ export function Profile() {
)} )}
</Box> </Box>
</Box> </Box>
<Line />
<SequenceCard <SequenceCard
className={SequenceCardStyle} className={SequenceCardStyle}
variant="SurfaceVariant" variant="SurfaceVariant"
direction="Column" direction="Column"
gap="300" gap="400"
radii="0" radii="0"
outlined
style={{ borderLeftWidth: '0', borderRightWidth: '0', borderBottomWidth: '0' }}
> >
<Box gap="300" direction='Column'>
<ProfileAvatar /> <ProfileAvatar />
<ProfileTextField field="displayname" label="Display Name" /> <ProfileTextField field="displayname" label="Display Name" />
<ProfilePronouns /> <ProfilePronouns />
<ProfileTimezone /> <ProfileTimezone />
</Box>
<Box gap="300" alignItems="Center"> <Box gap="300" alignItems="Center">
<Button <Button
type="submit" type="submit"