fix: close receipt delivery workflows
This commit is contained in:
hectorzhao
+189
-1
@@ -9702,7 +9702,7 @@ h3 {
|
||||
}
|
||||
|
||||
.admin-recharge-table {
|
||||
min-width: 1220px;
|
||||
min-width: 1350px;
|
||||
}
|
||||
|
||||
.admin-recharge-table th {
|
||||
@@ -9726,6 +9726,194 @@ h3 {
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.recharge-receipt {
|
||||
background:
|
||||
linear-gradient(135deg, rgba(217, 195, 160, 0.18), transparent 42%),
|
||||
var(--color-surface);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-sm);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.recharge-receipt::before {
|
||||
background: linear-gradient(90deg, var(--color-brand), var(--color-accent-strong));
|
||||
content: '';
|
||||
height: 4px;
|
||||
inset: 0 0 auto;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.recharge-receipt__header {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
min-height: 74px;
|
||||
padding: var(--space-6) var(--space-7) var(--space-4);
|
||||
}
|
||||
|
||||
.recharge-receipt__logo {
|
||||
display: block;
|
||||
height: 38px;
|
||||
max-width: 190px;
|
||||
object-fit: contain;
|
||||
object-position: left center;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.recharge-receipt__header > span {
|
||||
align-items: center;
|
||||
border-radius: var(--radius-full);
|
||||
display: inline-flex;
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-semibold);
|
||||
gap: var(--space-2);
|
||||
padding: 7px 12px;
|
||||
}
|
||||
|
||||
.recharge-receipt__header .is-posted {
|
||||
background: var(--color-success-soft);
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
.recharge-receipt__header .is-correction {
|
||||
background: var(--color-warning-soft);
|
||||
color: var(--color-warning);
|
||||
}
|
||||
|
||||
.recharge-receipt__amount {
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
padding: var(--space-5) var(--space-7) var(--space-8);
|
||||
}
|
||||
|
||||
.recharge-receipt__amount > span,
|
||||
.recharge-receipt__enterprise > span,
|
||||
.recharge-receipt__remark > span {
|
||||
color: var(--color-text-muted);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.recharge-receipt__amount strong {
|
||||
color: var(--color-text-strong);
|
||||
font-size: clamp(36px, 7vw, 52px);
|
||||
font-variant-numeric: tabular-nums;
|
||||
letter-spacing: -0.035em;
|
||||
line-height: 1.15;
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
|
||||
.recharge-receipt__amount small {
|
||||
font-size: 0.58em;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
margin: 0 var(--space-1);
|
||||
}
|
||||
|
||||
.recharge-receipt__enterprise {
|
||||
display: grid;
|
||||
gap: var(--space-1);
|
||||
padding: var(--space-6) var(--space-7);
|
||||
}
|
||||
|
||||
.recharge-receipt__enterprise strong {
|
||||
color: var(--color-text-strong);
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
|
||||
.recharge-receipt__enterprise small {
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.recharge-receipt__details {
|
||||
background: var(--color-bg-subtle);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
border-top: 1px solid var(--color-border);
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
margin: 0;
|
||||
padding: var(--space-2) var(--space-7);
|
||||
}
|
||||
|
||||
.recharge-receipt__details > div {
|
||||
display: grid;
|
||||
gap: var(--space-1);
|
||||
min-width: 0;
|
||||
padding: var(--space-4) 0;
|
||||
}
|
||||
|
||||
.recharge-receipt__details > div:nth-child(even) {
|
||||
padding-left: var(--space-6);
|
||||
}
|
||||
|
||||
.recharge-receipt__details dt {
|
||||
color: var(--color-text-muted);
|
||||
font-size: var(--font-size-xs);
|
||||
}
|
||||
|
||||
.recharge-receipt__details dd {
|
||||
color: var(--color-text-strong);
|
||||
font-variant-numeric: tabular-nums;
|
||||
font-weight: var(--font-weight-medium);
|
||||
margin: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.recharge-receipt__remark {
|
||||
display: grid;
|
||||
gap: var(--space-2);
|
||||
padding: var(--space-5) var(--space-7);
|
||||
}
|
||||
|
||||
.recharge-receipt__remark p {
|
||||
color: var(--color-text-strong);
|
||||
line-height: var(--line-height-loose);
|
||||
margin: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.recharge-receipt__note {
|
||||
background: var(--color-bg-subtle);
|
||||
border-top: 1px dashed var(--color-border-strong);
|
||||
color: var(--color-text-muted);
|
||||
font-size: var(--font-size-xs);
|
||||
padding: var(--space-4) var(--space-7);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.recharge-receipt__header,
|
||||
.recharge-receipt__enterprise,
|
||||
.recharge-receipt__remark {
|
||||
padding-left: var(--space-5);
|
||||
padding-right: var(--space-5);
|
||||
}
|
||||
|
||||
.recharge-receipt__logo {
|
||||
height: 32px;
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.recharge-receipt__details {
|
||||
grid-template-columns: 1fr;
|
||||
padding-left: var(--space-5);
|
||||
padding-right: var(--space-5);
|
||||
}
|
||||
|
||||
.recharge-receipt__details > div {
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.recharge-receipt__details > div:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.recharge-receipt__details > div:nth-child(even) {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.manual-recharge-review,
|
||||
.manual-recharge-result {
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user