earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: inline rename for profiles, dashboard stats grid UI

Browse Source
This commit is contained in:
Zichao Lin
2026-07-05 19:03:48 +08:00
parent d7850d200f
commit ee655be7d4
3 changed files with 56 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/static/style.css
View File

@@ -54,7 +54,9 @@ input[type="text"] + label, input[type="password"] + label, input[type="datetime
.filter-bar .form-row select { flex: 0 0 auto; width: auto; }
.inline-form { margin-bottom: 1.25rem; }
.rename-form { display: inline-flex; gap: .35rem; align-items: center; margin-right: .5rem; }
.rename-form input[type="text"] { width: 120px; flex: none; }
.nickname-display { display: inline; }
.nickname-edit { display: inline-flex; gap: .35rem; align-items: center; }
.nickname-edit input[type="text"] { width: 140px; flex: none; }
/* Buttons */
.btn { display: inline-block; padding: .5rem 1rem; border: 1px solid var(--border); border-radius: 6px; background: #fff; cursor: pointer; font-size: .9rem; text-align: center; white-space: nowrap; }
@@ -89,6 +91,16 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
.stats { display: flex; gap: .75rem; font-size: .85rem; color: var(--text-muted); flex-wrap: wrap; }
.stat { white-space: nowrap; }
/* Dashboard cards */
.dashboard-card { padding: 1.25rem; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; margin-top: .75rem; }
.stat-item { display: flex; flex-direction: column; align-items: center; gap: .1rem; }
.stat-num { font-size: 1.3rem; font-weight: 700; color: var(--text); }
.stat-label { font-size: .75rem; color: var(--text-muted); }
.stat-sent { color: var(--sent); }
.stat-delivered { color: var(--delivered); }
.stat-received { color: var(--received); }
/* Postcard grid */
.postcard-card { display: flex; gap: 1rem; background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: .75rem; transition: box-shadow .15s; }
.postcard-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.06); text-decoration: none; }