openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): modal-close 44px, widget-link tap-target 44px

Browse Source 
Modal-Close: --target-md (40px) → --target-base (44px), Apple HIG.
Widget-Link: min-height 44px + padding für ausreichendes Tap-Target.
This commit is contained in:
Ulas Kalayci
2026-04-27 22:21:36 +02:00
parent f5d702c5e1
commit e839e40906
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/dashboard.css
+7 -2
View File
@@ -371,11 +371,16 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: var(--space-0h); gap: var(--space-0h);
transition: opacity var(--transition-fast); transition: opacity var(--transition-fast), background-color var(--transition-fast);
min-height: var(--target-base);
padding: 0 var(--space-2);
border-radius: var(--radius-sm);
margin-right: calc(-1 * var(--space-2));
} }
.widget__link:hover { .widget__link:hover {
opacity: 0.7; opacity: 1;
background-color: color-mix(in srgb, var(--widget-accent, var(--color-accent)) 10%, transparent);
} }
.widget__badge { .widget__badge {
public/styles/layout.css
+2 -2
View File
@@ -898,8 +898,8 @@
} }
.modal-panel__close { .modal-panel__close {
width: var(--target-md); width: var(--target-base);
height: var(--target-md); height: var(--target-base);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;