fix: scheme icon gap 1, lighter/larger bg

This commit is contained in:
Kirill
2026-05-14 22:01:21 +05:00
parent 001742a856
commit 4b027c643a
2 changed files with 5 additions and 6 deletions
+4 -5
View File
@@ -155,16 +155,15 @@ export function AppHeader() {
)} )}
{!isMobile && ( {!isMobile && (
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, ml: 1.5 }}> <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, ml: 1.5 }}>
<Box <Box
sx={{ sx={{
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: 0.5, bgcolor: 'rgba(255,255,255,0.15)',
bgcolor: 'rgba(255,255,255,0.12)',
borderRadius: 3, borderRadius: 3,
px: 0.5, px: 1,
py: 0.25, py: 0.5,
}} }}
> >
<SchemeSwitcher value={scheme} onChange={(s: ColorScheme) => setScheme(s)} /> <SchemeSwitcher value={scheme} onChange={(s: ColorScheme) => setScheme(s)} />
@@ -22,7 +22,7 @@ export function SchemeSwitcher({ value, onChange, orientation = 'horizontal' }:
sx={{ sx={{
display: 'flex', display: 'flex',
flexDirection: orientation === 'vertical' ? 'column' : 'row', flexDirection: orientation === 'vertical' ? 'column' : 'row',
gap: 0.5, gap: 1,
alignItems: 'center', alignItems: 'center',
}} }}
> >