feat: US-007 - Frontend: Modal backdrop opacity and touch optimization

This commit is contained in:
Echo
2026-02-10 19:27:14 +00:00
parent e52d38793b
commit 033bd63329
2 changed files with 143 additions and 4 deletions

View File

@@ -52,7 +52,7 @@
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 36px;
min-height: 44px;
padding: var(--space-2);
border: 1px solid var(--border);
border-radius: var(--radius-md);
@@ -358,8 +358,8 @@
/* Compact check button */
.habit-card-check-btn-compact {
width: 32px;
height: 32px;
width: 44px;
height: 44px;
border: 2px solid var(--accent);
background: transparent;
color: var(--accent);
@@ -408,6 +408,8 @@
justify-content: center;
border-radius: var(--radius-md);
transition: all var(--transition-base);
min-width: 44px;
min-height: 44px;
}
.habit-card-action-btn:hover {
@@ -484,7 +486,7 @@
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.6);
z-index: 1000;
align-items: center;
justify-content: center;
@@ -530,6 +532,8 @@
justify-content: center;
border-radius: var(--radius-md);
transition: all var(--transition-base);
min-width: 44px;
min-height: 44px;
}
.modal-close:hover {