feat(header): user-box density 1:1 (check-in, wallet, VIP, signout)

Add payvip/check-in/wallet/badges strips, guest OAuth strip, confirm signout modal + REST check-in wiring for zibll header parity.
2026-07-18 21:28:32 +08:00
parent cd04a03329
commit c32738267f
6 changed files with 426 additions and 1 deletions
@@ -0,0 +1,96 @@
+/**
+ * Header user-box density (check-in / wallet / payvip / signout modal).
+ *
+ * @package AKSRT
+ */
+
+.aksrt-header-wallet {
+  display: flex;
+  gap: 10px;
+  justify-content: space-between;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: var(--surface-2, rgba(0, 0, 0, 0.04));
+  color: inherit;
+  text-decoration: none;
+  font-size: 12px;
+}
+
+.aksrt-header-wallet__item b {
+  margin-left: 2px;
+}
+
+.aksrt-header-checkin {
+  width: 100%;
+  border: 0;
+  border-radius: 6px;
+  padding: 8px 10px;
+  cursor: pointer;
+  background: rgba(255, 193, 7, 0.18);
+  color: #b78103;
+}
+
+.aksrt-header-checkin.is-done {
+  opacity: 0.75;
+  cursor: default;
+}
+
+.aksrt-header-payvip .payvip-icon,
+.aksrt-header-payvip .but {
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: linear-gradient(90deg, #ff6b6b, #f04494);
+  color: #fff;
+}
+
+.aksrt-header-badges {
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+#modal_signout.modal {
+  position: fixed;
+  inset: 0;
+  z-index: 1100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.45);
+  padding: 16px;
+}
+
+#modal_signout.modal.is-open,
+#modal_signout.modal.show {
+  display: flex;
+}
+
+#modal_signout .modal-content {
+  background: var(--main-bg-color, #fff);
+  border-radius: 10px;
+  min-width: 280px;
+  max-width: 92vw;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
+}
+
+#modal_signout .but.c-red {
+  background: #e74c3c;
+  color: #fff;
+  text-decoration: none;
+  padding: 8px 14px;
+  border-radius: 6px;
+}
+
+#modal_signout .but {
+  border: 0;
+  background: var(--surface-2, #f0f0f0);
+  padding: 8px 14px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+
+.user-dropdown .social_loginbar {
+  padding: 0 10px 12px;
+}