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