feat(badges): zibll-style badge modal with category grid, detail view, and wear UX

This commit is contained in:
2026-08-04 12:46:44 +08:00
parent 4849869289
commit ed19937e99
9 changed files with 904 additions and 246 deletions
+1 -43
View File
@@ -738,49 +738,7 @@
}
.aksrt-author-card__badge img { border-radius: 50%; }
/* Badge remote modal (batch6) */
.aksrt-badge-modal { padding: 8px 4px 12px; }
.aksrt-badge-modal__head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
position: relative;
padding-right: 28px;
}
.aksrt-badge-modal__avatar {
width: 40px; height: 40px; border-radius: 50%; object-fit: cover;
}
.aksrt-badge-modal__title { font-weight: 700; font-size: 15px; flex: 1; min-width: 0; }
.aksrt-badge-modal__wear-tag {
display: inline-block;
margin-left: 6px;
font-size: 12px;
font-weight: 500;
color: var(--color-primary, #3b82f6);
}
.aksrt-badge-modal__list { max-height: 50vh; overflow: auto; }
.aksrt-badge-modal__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 4px;
border-bottom: 1px solid var(--color-line, #eee);
}
.aksrt-badge-modal__item:last-child { border-bottom: 0; }
.aksrt-badge-modal__item .medal-icon { width: 40px; height: 40px; object-fit: contain; }
.aksrt-badge-modal__icon-fa {
width: 40px; height: 40px; border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
background: var(--surface-2, #f3f4f6); color: #f59e0b;
}
.aksrt-badge-modal__icon-fa.lg { width: 72px; height: 72px; font-size: 28px; }
.aksrt-badge-modal__meta { flex: 1; min-width: 0; }
.aksrt-badge-modal__name { font-weight: 600; font-size: 14px; }
.aksrt-badge-modal__empty { text-align: center; color: var(--muted-2-color, #999); padding: 24px 0; }
.aksrt-badge-modal--single { text-align: center; padding: 16px 8px 20px; }
.aksrt-badge-modal__card { padding: 12px 8px 8px; }
.aksrt-badge-modal__actions { margin-top: 12px; }
/* 徽章远程弹窗样式已迁至 assets/css/frontend/medal.css(zibll medal 风格)。 */
.aksrt-author-hero__badges { margin-top: 8px; }
/* Forum tab topics (batch6) */