feat: 初始版本,圆角主题与首次管理员引导
This commit is contained in:
24
app/static/theme.css
Normal file
24
app/static/theme.css
Normal file
@@ -0,0 +1,24 @@
|
||||
:root {
|
||||
--brand: #5b7cfa;
|
||||
--brand-2: #7b5bfa;
|
||||
--radius: 14px;
|
||||
--radius-sm: 10px;
|
||||
--shadow: 0 6px 20px rgba(0,0,0,0.06);
|
||||
}
|
||||
|
||||
body { background: #f8fafc; }
|
||||
.container { max-width: 1100px; }
|
||||
.navbar { border-radius: var(--radius); box-shadow: var(--shadow); }
|
||||
.card { border: 0; border-radius: var(--radius); box-shadow: var(--shadow); }
|
||||
.btn { border-radius: var(--radius-sm); }
|
||||
.form-control, .form-select, textarea { border-radius: var(--radius-sm); }
|
||||
.badge, .alert { border-radius: var(--radius-sm); }
|
||||
|
||||
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
|
||||
.photo-thumb { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius); }
|
||||
.exif-tag { display: inline-block; background: #eef2ff; color: #334155; padding: 4px 10px; margin: 4px 6px 0 0; border-radius: 999px; font-size: 12px; }
|
||||
.comment-bubble { background: #ffffff; border-radius: var(--radius); padding: 12px; box-shadow: var(--shadow); }
|
||||
|
||||
.brand { color: var(--brand); }
|
||||
.btn-brand { background: var(--brand); color: #fff; }
|
||||
.btn-brand:hover { background: var(--brand-2); color: #fff; }
|
||||
Reference in New Issue
Block a user