fix(nav): publish menu contrast, check-in toast and button layout

Use solid light plate + forced ink on 发布 items, notyf instead of alert,
and keep header check-in flex layout after success.
This commit is contained in:
kate522 committed 2026-07-22 09:09:02 +08:00
1 parent 77164fee45
commit 35ac26db28
5 files changed
+238 -81

No files matched your search

+79 -19
View File
@@ -32,36 +32,76 @@
color: var(--color-ink-3, #666);
}
/* Check-in: readable on light theme */
/* Check-in: beat generic `.user-dropdown button { height:44px; background:none }` */
.user-dropdown button.aksrt-header-checkin,
.aksrt-header-checkin {
width: 100%;
border: 0;
border-radius: 6px;
padding: 8px 10px;
width: 100% !important;
max-width: 100%;
height: auto !important;
min-height: 36px;
border: 0 !important;
border-radius: 6px !important;
padding: 8px 10px !important;
margin: 0;
cursor: pointer;
background: #fff6db;
color: #8a5a00;
background: #fff6db !important;
color: #8a5a00 !important;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 13px !important;
line-height: 1.3;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
text-align: center !important;
box-sizing: border-box;
white-space: nowrap;
}
.user-dropdown button.aksrt-header-checkin > i,
.aksrt-header-checkin > i {
margin: 0 !important;
color: #b78103;
color: #b78103 !important;
flex: 0 0 auto;
line-height: 1;
}
.aksrt-header-checkin.is-done {
.user-dropdown button.aksrt-header-checkin > span,
.aksrt-header-checkin > span {
line-height: 1.3;
color: inherit;
}
.user-dropdown button.aksrt-header-checkin.is-done,
.aksrt-header-checkin.is-done,
.user-dropdown button.aksrt-header-checkin:disabled,
.aksrt-header-checkin:disabled {
opacity: 0.85;
cursor: default;
background: #f3f4f6;
color: #555;
background: #f3f4f6 !important;
color: #555 !important;
}
.aksrt-header-checkin.is-done > i {
color: #777;
.user-dropdown button.aksrt-header-checkin.is-done > i,
.aksrt-header-checkin.is-done > i,
.user-dropdown button.aksrt-header-checkin:disabled > i,
.aksrt-header-checkin:disabled > i {
color: #777 !important;
}
.user-dropdown button.aksrt-header-checkin:hover,
.aksrt-header-checkin:hover {
background: #fff0c2 !important;
color: #8a5a00 !important;
}
.user-dropdown button.aksrt-header-checkin.is-done:hover,
.aksrt-header-checkin.is-done:hover,
.user-dropdown button.aksrt-header-checkin:disabled:hover,
.aksrt-header-checkin:disabled:hover {
background: #f3f4f6 !important;
color: #555 !important;
}
.aksrt-header-checkin-details {
@@ -200,11 +240,31 @@
}
/* Dark theme overrides */
html.dark .user-dropdown button.aksrt-header-checkin,
html.dark .aksrt-header-checkin,
body.dark-theme .user-dropdown button.aksrt-header-checkin,
body.dark-theme .aksrt-header-checkin,
body.theme-dark .user-dropdown button.aksrt-header-checkin,
body.theme-dark .aksrt-header-checkin {
background: rgba(255, 193, 7, 0.18);
color: #f0c14b;
background: rgba(255, 193, 7, 0.18) !important;
color: #f0c14b !important;
}
html.dark .user-dropdown button.aksrt-header-checkin > i,
html.dark .aksrt-header-checkin > i,
body.dark-theme .user-dropdown button.aksrt-header-checkin > i,
body.dark-theme .aksrt-header-checkin > i,
body.theme-dark .user-dropdown button.aksrt-header-checkin > i,
body.theme-dark .aksrt-header-checkin > i {
color: #f0c14b !important;
}
html.dark .user-dropdown button.aksrt-header-checkin.is-done,
html.dark .aksrt-header-checkin.is-done,
body.dark-theme .user-dropdown button.aksrt-header-checkin.is-done,
body.dark-theme .aksrt-header-checkin.is-done {
background: rgba(255, 255, 255, 0.08) !important;
color: #bbb !important;
}
html.dark .aksrt-header-wallet,