liuwei_x_x/abot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "feat(dashboard): unify global UI theme across all admin templates"

Browse Source 
This reverts commit cb8adc40ce.
This commit is contained in:
liuwei
2026-04-15 17:02:34 +08:00
parent cb8adc40ce
commit b37396db50
19 changed files with 379 additions and 808 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
admin/dashboard/templates/friend_circle.html
View File

@@ -445,26 +445,26 @@
.page-hero {
display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 24px 26px; border-radius: 24px;
background: linear-gradient(135deg, rgba(34,197,94,0.10), rgba(56,189,248,0.08), rgba(255,255,255,0.92));
border: 1px solid rgba(101, 121, 113, 0.16); box-shadow: 0 18px 40px rgba(21, 33, 27, 0.06);
border: 1px solid rgba(148, 163, 184, 0.16); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.page-eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #16a34a; font-weight: 700; margin-bottom: 8px; }
.page-hero-copy h1 { font-size: 30px; line-height: 1.1; margin-bottom: 10px; color: #15211b; }
.page-hero-copy p { color: #4f6258; font-size: 14px; }
.page-hero-copy h1 { font-size: 30px; line-height: 1.1; margin-bottom: 10px; color: #0f172a; }
.page-hero-copy p { color: #64748b; font-size: 14px; }
.page-hero-actions { display: flex; align-items: center; gap: 12px; }
.friend-circle-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr); gap: 16px; align-items: start; }
.friend-circle-main, .friend-circle-side { display: flex; flex-direction: column; gap: 16px; }
.workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-header h3 { font-size: 18px; margin-bottom: 4px; }
.workspace-header p { font-size: 13px; color: #4f6258; }
.workspace-header p { font-size: 13px; color: #64748b; }
.filter-form { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
.post-list { display: flex; flex-direction: column; gap: 16px; }
.post-card { overflow: hidden; }
.post-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.post-author { display: flex; align-items: center; gap: 12px; }
.post-author-name { font-size: 16px; font-weight: 700; color: #15211b; }
.post-meta { font-size: 12px; color: #4f6258; margin-top: 3px; }
.post-author-name { font-size: 16px; font-weight: 700; color: #0f172a; }
.post-meta { font-size: 12px; color: #64748b; margin-top: 3px; }
.post-actions { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.post-content { color: #15211b; line-height: 1.8; margin-bottom: 14px; white-space: pre-wrap; word-break: break-word; }
.post-content { color: #0f172a; line-height: 1.8; margin-bottom: 14px; white-space: pre-wrap; word-break: break-word; }
.post-location {
display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 8px 12px;
border-radius: 999px; background: rgba(14,165,233,0.08); color: #0369a1; font-size: 13px; font-weight: 600;
@@ -473,48 +473,48 @@
.post-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 10px; margin-bottom: 14px; }
.post-media-item img, .upload-preview-item img {
width: 100%; height: 108px; object-fit: cover; border-radius: 16px; cursor: pointer;
border: 1px solid rgba(101,121,113,0.14); box-shadow: 0 10px 24px rgba(21, 33, 27, 0.08);
border: 1px solid rgba(148,163,184,0.14); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.post-media-item { position: relative; }
.post-media-item.is-video::after {
content: ''; position: absolute; inset: 0; border-radius: 16px;
background: linear-gradient(180deg, rgba(21,33,27,0.02), rgba(21,33,27,0.3));
background: linear-gradient(180deg, rgba(15,23,42,0.02), rgba(15,23,42,0.3));
pointer-events: none;
}
.video-badge {
position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 10px; border-radius: 999px; background: rgba(21,33,27,0.72); color: #fff;
padding: 6px 10px; border-radius: 999px; background: rgba(15,23,42,0.72); color: #fff;
font-size: 12px; font-weight: 600; z-index: 2;
box-shadow: 0 8px 20px rgba(21, 33, 27, 0.18);
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
}
.post-feedback { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.feedback-block {
padding: 14px; border-radius: 18px; background: rgba(247,251,248,0.88);
border: 1px solid rgba(101,121,113,0.12);
padding: 14px; border-radius: 18px; background: rgba(248,250,252,0.88);
border: 1px solid rgba(148,163,184,0.12);
}
.feedback-title { font-size: 13px; font-weight: 700; color: #15211b; margin-bottom: 8px; }
.feedback-title { font-size: 13px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.feedback-list { display: flex; flex-wrap: wrap; gap: 8px; }
.feedback-chip {
display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; font-size: 12px;
color: #27443a; background: rgba(255,255,255,0.95); border: 1px solid rgba(101,121,113,0.12);
color: #334155; background: rgba(255,255,255,0.95); border: 1px solid rgba(148,163,184,0.12);
}
.feedback-empty { color: #74897f; font-size: 12px; }
.feedback-empty { color: #94a3b8; font-size: 12px; }
.comment-list { display: flex; flex-direction: column; gap: 8px; }
.comment-item { font-size: 13px; color: #27443a; line-height: 1.6; }
.comment-author { font-weight: 700; color: #15211b; margin-right: 8px; }
.comment-item { font-size: 13px; color: #334155; line-height: 1.6; }
.comment-author { font-weight: 700; color: #0f172a; margin-right: 8px; }
.danger-text { color: #ef4444 !important; }
.upload-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.upload-trigger {
display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px;
border-radius: 12px; background: rgba(255,255,255,0.92); border: 1px solid rgba(101,121,113,0.2);
color: #15211b; cursor: pointer; font-size: 13px; font-weight: 600;
border-radius: 12px; background: rgba(255,255,255,0.92); border: 1px solid rgba(148,163,184,0.2);
color: #0f172a; cursor: pointer; font-size: 13px; font-weight: 600;
}
.upload-trigger input { display: none; }
.upload-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.raw-json {
margin: 0; max-height: 520px; overflow: auto; white-space: pre-wrap; word-break: break-all;
padding: 14px; border-radius: 16px; background: rgba(247,251,248,0.9); color: #27443a;
border: 1px solid rgba(101,121,113,0.12);
padding: 14px; border-radius: 16px; background: rgba(248,250,252,0.9); color: #334155;
border: 1px solid rgba(148,163,184,0.12);
}
.large-preview { width: 100%; border-radius: 18px; }
.large-video { width: 100%; max-height: 75vh; border-radius: 18px; background: #000; }