fix: scheme icon gap 1, lighter/larger bg
This commit is contained in:
@@ -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',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user