feat: US-007 - Frontend: Modal backdrop opacity and touch optimization
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user