fix staging reports and membership navigation
Staging Backend Quality Gate / validate (push) Failing after 14m31s
Staging Backend Quality Gate / publish (push) Has been skipped

This commit is contained in:
Jesse_Chen
2026-08-09 08:36:14 +08:00
parent b3f06efc30
commit ac870d84d6
7 changed files with 311 additions and 214 deletions
+44 -21
View File
@@ -1916,6 +1916,7 @@ input:not([class^="ant-"]):not([class*=" ant-"]):not(.ant-picker input):disabled
color: var(--color-ink);
cursor: pointer;
font-size: 14px;
text-decoration: none;
}
.membership-back svg {
@@ -1932,6 +1933,13 @@ input:not([class^="ant-"]):not([class*=" ant-"]):not(.ant-picker input):disabled
letter-spacing: -.03em;
}
.membership-header-actions {
display: flex;
align-items: center;
gap: var(--space-2);
}
.membership-orders-entry,
.membership-redeem-entry {
min-height: 44px;
display: inline-flex;
@@ -1947,22 +1955,18 @@ input:not([class^="ant-"]):not([class*=" ant-"]):not(.ant-picker input):disabled
font-weight: 500;
}
.membership-orders-entry {
border-color: var(--color-border);
background: var(--color-canvas);
color: var(--color-ink-secondary);
text-decoration: none;
}
.membership-redeem-entry svg {
width: 16px;
height: 16px;
}
.membership-notice {
margin: 0;
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-action) 22%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-action-soft) 62%, transparent);
color: var(--color-ink-secondary);
font-size: var(--type-body-sm);
line-height: 1.55;
}
.membership-hero {
position: relative;
min-height: 260px;
@@ -2124,6 +2128,11 @@ input:not([class^="ant-"]):not([class*=" ant-"]):not(.ant-picker input):disabled
margin-bottom: var(--space-4);
}
.membership-section-heading > div {
display: grid;
gap: var(--space-1);
}
.membership-section-heading h2 {
margin: 0;
color: var(--color-ink);
@@ -2524,29 +2533,43 @@ input:not([class^="ant-"]):not([class*=" ant-"]):not(.ant-picker input):disabled
}
.membership-tabs {
display: flex;
gap: var(--space-2);
display: inline-flex;
align-items: center;
width: fit-content;
gap: 4px;
margin-bottom: var(--space-5);
border-bottom: 1px solid var(--color-border);
padding: 4px;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-canvas-soft);
}
.membership-tab {
position: relative;
min-height: 44px;
padding: 0 16px;
border: 0;
border-bottom: 2px solid transparent;
background: none;
border: 1px solid transparent;
border-radius: var(--radius-md);
background: transparent;
color: var(--color-ink-secondary);
cursor: pointer;
font-size: var(--type-body-sm);
font-weight: 600;
}
.membership-tab.is-active,
.membership-tab[aria-selected="true"] {
.membership-tab:hover {
color: var(--color-ink);
}
.membership-tab:focus-visible {
outline: 2px solid color-mix(in srgb, var(--color-action) 46%, transparent);
outline-offset: 2px;
}
.membership-tab[data-active] {
border-color: var(--color-border);
background: var(--color-canvas);
color: var(--color-action);
border-bottom-color: var(--color-action);
box-shadow: var(--shadow-soft);
}
.membership-panel {