romfast/roa2web-service-auto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design): FINDING-001 — increase touch targets to 44px minimum

Browse Source 
Hamburger button: 32x32 → 44x44px
Theme toggle: 36x36 → 44x44px
Sidebar nav links: add min-height: 44px

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-20 21:49:38 +00:00
parent be7e97796d
commit 41e40c1a37
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/shared/styles/layout/header.css
View File

@@ -71,12 +71,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
width: 32px; width: 44px;
height: 32px; height: 44px;
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
padding: 4px; padding: 10px;
z-index: 10; z-index: 10;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -169,8 +169,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 36px; width: 44px;
height: 36px; height: 44px;
background: transparent; background: transparent;
border: 1px solid var(--surface-border, #e2e8f0); border: 1px solid var(--surface-border, #e2e8f0);
border-radius: var(--radius-md, 6px); border-radius: var(--radius-md, 6px);

1
src/shared/styles/layout/navigation.css
View File

@@ -83,6 +83,7 @@
align-items: center; align-items: center;
gap: var(--space-sm, 8px); gap: var(--space-sm, 8px);
padding: var(--space-sm, 8px) var(--space-md, 12px); padding: var(--space-sm, 8px) var(--space-md, 12px);
min-height: 44px;
color: var(--color-text, #111827); color: var(--color-text, #111827);
text-decoration: none; text-decoration: none;
border-radius: var(--radius-md, 6px); border-radius: var(--radius-md, 6px);