romfast/clawd
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: Larger buttons/text/icons in cards, more opaque backdrop (0.75)

Browse Source
This commit is contained in:
Echo
2026-02-10 21:20:50 +00:00
parent b1afd6f72a
commit 0bb133fa2f
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
dashboard/habits.html
View File

@@ -309,12 +309,12 @@
background: var(--bg-surface); background: var(--bg-surface);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
border-left: 4px solid var(--accent); border-left: 5px solid var(--accent);
padding: var(--space-3); padding: 10px 12px;
transition: all var(--transition-base); transition: all var(--transition-base);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--space-2); gap: 8px;
min-height: 90px; min-height: 90px;
max-height: 110px; max-height: 110px;
} }
@@ -329,19 +329,19 @@
.habit-card-row { .habit-card-row {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-2); gap: 10px;
} }
.habit-card-icon { .habit-card-icon {
width: 18px; width: 26px;
height: 18px; height: 26px;
color: var(--text-primary); color: var(--text-primary);
flex-shrink: 0; flex-shrink: 0;
} }
.habit-card-name { .habit-card-name {
flex: 1; flex: 1;
font-size: var(--text-sm); font-size: 17px;
font-weight: 600; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
white-space: nowrap; white-space: nowrap;
@@ -350,22 +350,23 @@
} }
.habit-card-streak { .habit-card-streak {
font-size: var(--text-xs); font-size: 15px;
color: var(--text-muted); color: var(--text-muted);
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
font-weight: 500;
} }
/* Compact check button */ /* Compact check button */
.habit-card-check-btn-compact { .habit-card-check-btn-compact {
width: 44px; width: 48px;
height: 44px; height: 48px;
border: 2px solid var(--accent); border: 2px solid var(--accent);
background: transparent; background: transparent;
color: var(--accent); color: var(--accent);
border-radius: 50%; border-radius: 50%;
font-size: var(--text-lg); font-size: 20px;
font-weight: 600; font-weight: 700;
cursor: pointer; cursor: pointer;
transition: all var(--transition-base); transition: all var(--transition-base);
display: flex; display: flex;
@@ -426,12 +427,12 @@
.habit-card-progress-row { .habit-card-progress-row {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-2); gap: 8px;
} }
.habit-card-progress-bar { .habit-card-progress-bar {
flex: 1; flex: 1;
height: 6px; height: 8px;
background: var(--bg-muted); background: var(--bg-muted);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
overflow: hidden; overflow: hidden;
@@ -444,19 +445,20 @@
} }
.habit-card-progress-text { .habit-card-progress-text {
font-size: var(--text-xs); font-size: 15px;
color: var(--text-muted); color: var(--text-muted);
font-weight: 600; font-weight: 600;
min-width: 32px; min-width: 40px;
text-align: right; text-align: right;
flex-shrink: 0; flex-shrink: 0;
} }
/* Next date row */ /* Next date row */
.habit-card-next-date { .habit-card-next-date {
font-size: var(--text-xs); font-size: 14px;
color: var(--text-muted); color: var(--text-muted);
text-align: left; text-align: left;
font-weight: 500;
} }
/* Keep priority indicator styles for future use */ /* Keep priority indicator styles for future use */
@@ -486,7 +488,7 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.75) !important;
z-index: 1000; z-index: 1000;
align-items: center; align-items: center;
justify-content: center; justify-content: center;