US-031: Responsive testing and fixes for all new components

SubNav: horizontal scroll with hidden scrollbar, 44px touch targets.
DetailPanel: close button enlarged to 44px. Touch target fixes on
CoreSkillsTile, ProjectsTile, and LastConsultationTile interactive elements.
This commit is contained in:
2026-02-14 03:14:30 +00:00
parent 97d353930c
commit 071b1b78ae
8 changed files with 88 additions and 11 deletions
+2
View File
@@ -71,6 +71,7 @@ function SkillRow({ skill, onClick }: SkillRowProps) {
alignItems: 'center',
gap: '10px',
padding: '8px 10px',
minHeight: '44px',
background: 'var(--bg-dashboard)',
borderRadius: 'var(--radius-sm)',
border: '1px solid var(--border-light)',
@@ -234,6 +235,7 @@ function CategorySection({
gap: '4px',
marginTop: '8px',
padding: '4px 0',
minHeight: '44px',
background: 'none',
border: 'none',
cursor: 'pointer',
@@ -235,6 +235,7 @@ export const LastConsultationTile: React.FC = () => {
background: 'transparent',
border: 'none',
padding: '6px 0',
minHeight: '44px',
cursor: 'pointer',
transition: 'color 150ms ease-out',
}}
+1
View File
@@ -42,6 +42,7 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
border: '1px solid var(--border-light)',
borderRadius: 'var(--radius-sm)',
padding: '10px 12px',
minHeight: '44px',
fontSize: '11.5px',
color: 'var(--text-primary)',
transition: 'border-color 0.15s, box-shadow 0.15s',