fix: Larger text/icons in cards (conservative approach) + darker backdrop
This commit is contained in:
@@ -333,15 +333,15 @@
|
||||
}
|
||||
|
||||
.habit-card-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: var(--text-primary);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.habit-card-name {
|
||||
flex: 1;
|
||||
font-size: var(--text-sm);
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
white-space: nowrap;
|
||||
@@ -350,22 +350,23 @@
|
||||
}
|
||||
|
||||
.habit-card-streak {
|
||||
font-size: var(--text-xs);
|
||||
font-size: 14px;
|
||||
color: var(--text-muted);
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Compact check button */
|
||||
.habit-card-check-btn-compact {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 2px solid var(--accent);
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
border-radius: 50%;
|
||||
font-size: var(--text-lg);
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-base);
|
||||
display: flex;
|
||||
@@ -418,8 +419,8 @@
|
||||
}
|
||||
|
||||
.habit-card-action-btn svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
/* Progress bar row */
|
||||
@@ -444,17 +445,17 @@
|
||||
}
|
||||
|
||||
.habit-card-progress-text {
|
||||
font-size: var(--text-xs);
|
||||
font-size: 14px;
|
||||
color: var(--text-muted);
|
||||
font-weight: 600;
|
||||
min-width: 32px;
|
||||
min-width: 35px;
|
||||
text-align: right;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Next date row */
|
||||
.habit-card-next-date {
|
||||
font-size: var(--text-xs);
|
||||
font-size: 13px;
|
||||
color: var(--text-muted);
|
||||
text-align: left;
|
||||
}
|
||||
@@ -486,7 +487,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
background: rgba(0, 0, 0, 0.75) !important;
|
||||
z-index: 1000;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
Reference in New Issue
Block a user