heaven/vojo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ref style

Browse source
This commit is contained in:
heaven 2026-06-05 18:13:54 +03:00
parent 7e7630bba4
commit 0b2670d73a
2 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app/features/room/room-actions/RoomActions.css.ts
View file

@ -21,12 +21,12 @@ export const SectionLine = style({
// #181a20 popout surface; accent colour (Invite/Leave) is applied inline.
export const ActionRow = style({
width: '100%',
minHeight: toRem(40),
minHeight: toRem(44),
display: 'flex',
alignItems: 'center',
gap: config.space.S300,
padding: `0 ${config.space.S300}`,
borderRadius: toRem(8),
borderRadius: toRem(10),
background: 'transparent',
border: 'none',
textAlign: 'left',
@ -84,16 +84,19 @@ export const ActionRowChevron = style({
});
// Popout container: width bump from the legacy 220px so the Notifications
// mode word + Pinned badge breathe. Background/border/shadow come from the
// folds Menu `variant="Surface"` in RoomActionsMenu.
// mode word + Pinned badge breathe; softer mobile corner radius overriding
// the folds Menu default. Background/border/shadow come from the folds Menu
// `variant="Surface"` in RoomActionsMenu.
export const PopoutMenu = style({
width: toRem(280),
maxWidth: '100vw',
borderRadius: toRem(16),
overflow: 'hidden',
});
export const PopoutGroup = style({
display: 'flex',
flexDirection: 'column',
padding: config.space.S100,
padding: config.space.S200,
gap: toRem(1),
});

16
src/app/features/settings/styles.css.ts
View file

@ -37,22 +37,26 @@ export const SettingRow = style({
paddingRight: config.space.S400,
});
// Dawn flat-list settings — no card box/fill. Rows sit edge-to-edge directly on
// the page, parted by hairlines (iOS/Telegram grouped-list feel). Replaces the
// outlined-filled SequenceCard panel.
// Dawn mobile grouped-list — flat rows (no per-item card/outline) collected
// into one softly-rounded inset panel on a subtle raised fill, parted by
// hairlines (iOS/Telegram inset-grouped-list feel). `overflow: hidden` clips
// the row hairlines + any pressed tint to the rounded corners.
export const SettingFlatGroup = style({
display: 'flex',
flexDirection: 'column',
backgroundColor: color.SurfaceVariant.Container,
borderRadius: toRem(16),
overflow: 'hidden',
});
export const SettingFlatRow = style({
paddingTop: config.space.S300,
paddingBottom: config.space.S300,
paddingLeft: config.space.S100,
paddingRight: config.space.S100,
paddingLeft: config.space.S400,
paddingRight: config.space.S400,
selectors: {
'&:not(:last-child)': {
borderBottom: '1px solid rgba(255, 255, 255, 0.08)',
borderBottom: `1px solid ${color.SurfaceVariant.ContainerLine}`,
},
},
});