matt/navi
1
0
Fork 0
mirror of https://github.com/zvx-echo6/navi.git synced 2026-05-20 22:54:42 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(ui): Use 4-column grid for theme picker

Browse source 
8 themes no longer fit in a single row. Changed from flex row
to a 4x2 grid layout so all themes are visible.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Matt 2026-05-01 22:59:24 +00:00
commit 66a35d9472
1 changed files with 167 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/ThemePicker.jsx
View file

@ -113,9 +113,9 @@ export default function ThemePicker() {
>
<div
style={{
display: 'flex',
gap: '16px',
justifyContent: 'center',
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
gap: '12px',
}}
>
{themes.map((t) => (
@ -145,7 +145,7 @@ export default function ThemePicker() {
>
<ThemeSwatch
colors={t.swatch}
size={32}
size={28}
active={t.id === theme}
/>
<span