Add smart ACK provider for WeChat MP replies
Replace fixed ackText with a rule-based AckProvider that picks response templates by message type and intent (translate, summary, rewrite, poster, ppt, mindmap, code, search, schedule). Pure sync, zero I/O, auto-falls back to config.ackText on any error. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
john
+777
@@ -3076,6 +3076,17 @@ body,
|
||||
color: var(--color-text-faint);
|
||||
}
|
||||
|
||||
.balance-popover-warning {
|
||||
margin: 12px 0 0;
|
||||
padding: 8px 10px;
|
||||
border-radius: var(--radius-sm);
|
||||
background: rgba(239, 68, 68, 0.08);
|
||||
color: #ef4444;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.balance-popover-cta {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
@@ -3092,6 +3103,217 @@ body,
|
||||
filter: brightness(1.08);
|
||||
}
|
||||
|
||||
.notification-center {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notification-center-trigger {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notification-center-badge {
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
right: -6px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
padding: 0 5px;
|
||||
border-radius: 999px;
|
||||
background: #d9485f;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
box-shadow: 0 6px 16px rgba(217, 72, 95, 0.3);
|
||||
}
|
||||
|
||||
.notification-center-popover {
|
||||
z-index: 120;
|
||||
border: 1px solid rgba(106, 176, 255, 0.18);
|
||||
border-radius: 20px;
|
||||
color: #e7ecf3;
|
||||
background:
|
||||
radial-gradient(circle at 100% 0, rgba(61, 139, 253, 0.16), transparent 16rem),
|
||||
linear-gradient(180deg, #1a2433 0%, #121820 100%);
|
||||
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.notification-center-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.notification-center-head h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.notification-center-head p {
|
||||
margin: 4px 0 0;
|
||||
color: var(--color-text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.notification-center-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.notification-center-filters {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.notification-center-filter {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 999px;
|
||||
background: transparent;
|
||||
color: var(--color-text-secondary);
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.notification-center-filter.is-active {
|
||||
border-color: rgba(106, 176, 255, 0.45);
|
||||
color: #fff;
|
||||
background: rgba(106, 176, 255, 0.16);
|
||||
}
|
||||
|
||||
.notification-center-state {
|
||||
margin: 14px 0 0;
|
||||
color: var(--color-text-muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.notification-center-state.is-error {
|
||||
color: #ff9aa9;
|
||||
}
|
||||
|
||||
.notification-center-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
margin-top: 14px;
|
||||
max-height: 420px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.notification-center-item {
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-radius: 16px;
|
||||
padding: 12px;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.notification-center-item.is-unread {
|
||||
border-color: rgba(106, 176, 255, 0.35);
|
||||
background: rgba(106, 176, 255, 0.09);
|
||||
}
|
||||
|
||||
.notification-center-item-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.notification-center-item-head strong {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.notification-center-item-head span {
|
||||
color: var(--color-text-muted);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.notification-center-item p {
|
||||
margin: 8px 0 0;
|
||||
color: var(--color-text-secondary);
|
||||
white-space: pre-wrap;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.notification-center-digest {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.notification-center-digest-line {
|
||||
color: var(--color-text-secondary);
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.notification-center-digest-line.is-title {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.notification-center-item-actions {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.notification-center-read-tag {
|
||||
color: var(--color-text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.notification-center-read-btn {
|
||||
border: 1px solid rgba(106, 176, 255, 0.42);
|
||||
border-radius: 8px;
|
||||
padding: 6px 10px;
|
||||
color: #f7fbff;
|
||||
background: linear-gradient(180deg, rgba(106, 176, 255, 0.32), rgba(54, 125, 218, 0.34));
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.notification-center-read-btn:hover {
|
||||
border-color: rgba(148, 199, 255, 0.66);
|
||||
background: linear-gradient(180deg, rgba(130, 191, 255, 0.42), rgba(65, 139, 234, 0.46));
|
||||
}
|
||||
|
||||
.notification-center-clear-btn,
|
||||
.notification-center-clear-all-btn {
|
||||
border: 1px solid rgba(255, 138, 128, 0.34);
|
||||
border-radius: 8px;
|
||||
padding: 6px 10px;
|
||||
color: #ffeceb;
|
||||
background: rgba(255, 107, 96, 0.13);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.notification-center-clear-btn:hover,
|
||||
.notification-center-clear-all-btn:hover {
|
||||
border-color: rgba(255, 166, 158, 0.58);
|
||||
background: rgba(255, 107, 96, 0.22);
|
||||
}
|
||||
|
||||
.notification-center-clear-all-btn {
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
.recharge-backdrop {
|
||||
position: fixed;
|
||||
z-index: 200;
|
||||
@@ -3300,6 +3522,262 @@ body,
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* ── Subscribe modal ───────────────────────────────── */
|
||||
.subscribe-dialog {
|
||||
background: var(--color-surface, #1a2320);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 16px;
|
||||
padding: 24px;
|
||||
width: min(92vw, 780px);
|
||||
max-height: 92vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 24px 64px rgba(0,0,0,.45);
|
||||
}
|
||||
|
||||
.subscribe-dialog-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.subscribe-dialog-head h3 {
|
||||
margin: 4px 0 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subscribe-balance-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 14px;
|
||||
padding: 10px 14px;
|
||||
background: rgba(255,255,255,.04);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.subscribe-balance-row strong {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.subscribe-current-plan-tag {
|
||||
margin-left: auto;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-secondary);
|
||||
background: rgba(76,175,125,.12);
|
||||
border-radius: 4px;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
/* ── Plan grid ────────────────────────────────────── */
|
||||
.subscribe-plan-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 12px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.subscribe-plan-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.subscribe-dialog {
|
||||
padding: 18px 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.subscribe-plan-card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 16px 14px 14px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--color-border);
|
||||
background: rgba(255,255,255,.03);
|
||||
transition: border-color .15s, background .15s;
|
||||
}
|
||||
|
||||
.subscribe-plan-card--active {
|
||||
border-color: var(--color-accent, #4caf7d);
|
||||
background: rgba(76,175,125,.07);
|
||||
}
|
||||
|
||||
.subscribe-plan-card--highlight {
|
||||
border-color: rgba(76,175,125,.5);
|
||||
}
|
||||
|
||||
.subscribe-plan-badge-top {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
background: var(--color-accent, #4caf7d);
|
||||
color: #0d1a13;
|
||||
border-radius: 0 0 6px 6px;
|
||||
padding: 2px 8px;
|
||||
letter-spacing: .3px;
|
||||
}
|
||||
|
||||
.subscribe-plan-card-head {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.subscribe-plan-name {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.subscribe-plan-price {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.subscribe-plan-price-num {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: var(--color-accent, #4caf7d);
|
||||
}
|
||||
|
||||
.subscribe-plan-price-unit {
|
||||
font-size: 12px;
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
/* Feature list */
|
||||
.subscribe-plan-features {
|
||||
list-style: none;
|
||||
margin: 0 0 14px;
|
||||
padding: 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.subscribe-plan-features li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.subscribe-feat-label {
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
.subscribe-feat-val {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.subscribe-plan-btn {
|
||||
width: 100%;
|
||||
padding: 8px 10px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: opacity .15s;
|
||||
}
|
||||
|
||||
.subscribe-plan-btn:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.subscribe-plan-btn--buy {
|
||||
background: var(--color-accent, #4caf7d);
|
||||
color: #0d1a13;
|
||||
}
|
||||
|
||||
.subscribe-plan-btn--buy:hover:not(:disabled) {
|
||||
opacity: .88;
|
||||
}
|
||||
|
||||
.subscribe-plan-btn--short {
|
||||
background: rgba(255,255,255,.07);
|
||||
color: var(--color-text-secondary);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.subscribe-plan-btn--current {
|
||||
background: rgba(255,255,255,.04);
|
||||
color: var(--color-text-secondary);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.subscribe-plan-btn--locked {
|
||||
background: transparent;
|
||||
color: var(--color-text-faint);
|
||||
border: 1px dashed var(--color-border);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.subscribe-plan-card--locked {
|
||||
opacity: .55;
|
||||
}
|
||||
|
||||
/* Shortfall banner */
|
||||
.subscribe-shortfall {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
background: rgba(255,180,0,.07);
|
||||
border: 1px solid rgba(255,180,0,.2);
|
||||
border-radius: 8px;
|
||||
padding: 10px 14px;
|
||||
font-size: 13px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.subscribe-shortfall .recharge-pay-btn {
|
||||
flex-shrink: 0;
|
||||
padding: 6px 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.subscribe-autorenew-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 12px 0 4px;
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
background: rgba(255,255,255,.04);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.subscribe-autorenew-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.subscribe-autorenew-hint {
|
||||
font-size: 12px;
|
||||
color: var(--color-text-faint);
|
||||
}
|
||||
|
||||
.subscribe-legal {
|
||||
margin: 6px 0 0;
|
||||
font-size: 11px;
|
||||
color: var(--color-text-faint);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.admin-page {
|
||||
min-height: 100%;
|
||||
padding: 0;
|
||||
@@ -4026,6 +4504,36 @@ body,
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.mindspace-hero-quota-label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.mindspace-hero-quota-buy-trigger {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
min-height: 22px;
|
||||
padding: 0 8px;
|
||||
border: 1px solid rgba(238, 176, 78, 0.3);
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
color: #eeb04e;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
|
||||
}
|
||||
|
||||
.mindspace-hero-quota-buy-trigger:hover {
|
||||
border-color: rgba(238, 176, 78, 0.58);
|
||||
background: rgba(238, 176, 78, 0.14);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.mindspace-hero-quota-top strong {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
@@ -4055,6 +4563,72 @@ body,
|
||||
color: rgba(255, 255, 255, 0.58);
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-chip,
|
||||
.mindspace-hero-purchase-btn {
|
||||
border: 1px solid rgba(238, 176, 78, 0.35);
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
color: #fff3d7;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-chip {
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-chip.is-active {
|
||||
border-color: rgba(238, 176, 78, 0.72);
|
||||
background: rgba(238, 176, 78, 0.18);
|
||||
color: #fff7ea;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-btn {
|
||||
padding: 8px 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-chip:disabled,
|
||||
.mindspace-hero-purchase-btn:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-input {
|
||||
min-width: 96px;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||
border-radius: 12px;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-meta,
|
||||
.mindspace-hero-purchase-message {
|
||||
margin: 8px 0 0;
|
||||
font-size: 10px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-meta {
|
||||
color: rgba(255, 255, 255, 0.58);
|
||||
}
|
||||
|
||||
.mindspace-hero-purchase-message {
|
||||
color: #eeb04e;
|
||||
}
|
||||
|
||||
.mindspace-hero-quota-cleanup {
|
||||
margin-top: 6px;
|
||||
padding: 0;
|
||||
@@ -4069,6 +4643,126 @@ body,
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog {
|
||||
width: min(430px, 100%);
|
||||
max-width: 430px;
|
||||
gap: 14px;
|
||||
padding: 18px;
|
||||
color: #18211d;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-upload-dialog-bar {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog h3 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-upload-dialog-desc {
|
||||
color: #44504a;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-meta {
|
||||
color: #5a655f;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-chip {
|
||||
border-color: rgba(24, 33, 29, 0.14);
|
||||
background: #f6efe2;
|
||||
color: #24312c;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-chip:hover {
|
||||
border-color: rgba(155, 101, 24, 0.38);
|
||||
background: #f1e4c7;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-chip.is-active {
|
||||
border-color: rgba(155, 101, 24, 0.52);
|
||||
background: #eeb04e;
|
||||
color: #2d1c00;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-input {
|
||||
min-width: 140px;
|
||||
border-color: rgba(24, 33, 29, 0.18);
|
||||
background: #fffaf2;
|
||||
color: #18211d;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-input::placeholder {
|
||||
color: #7b817c;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-dialog .mindspace-hero-purchase-message {
|
||||
color: #9b6518;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin: 10px 0 2px;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary div {
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
padding: 9px 10px;
|
||||
border: 1px solid rgba(24, 33, 29, 0.14);
|
||||
border-radius: 12px;
|
||||
background: #efe7d8;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary span {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
font-size: 11px;
|
||||
color: #564f45;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary strong {
|
||||
display: block;
|
||||
color: #18211d;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-recharge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin-top: 10px;
|
||||
padding: 10px 12px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(183, 128, 19, 0.22);
|
||||
background: #f5dfad;
|
||||
color: #5e4308;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mindspace-hero-cleanup {
|
||||
grid-column: 1 / -1;
|
||||
padding: 16px 18px;
|
||||
@@ -5236,6 +5930,36 @@ body,
|
||||
background: #2f6f57;
|
||||
}
|
||||
|
||||
.mindspace-asset-bulkbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin: -4px 0 18px;
|
||||
color: #52605a;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mindspace-asset-bulkbar button {
|
||||
padding: 7px 11px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
color: #18211d;
|
||||
background: rgba(24, 33, 29, 0.08);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.mindspace-asset-bulkbar button:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.mindspace-asset-bulkbar .mindspace-asset-bulk-delete {
|
||||
color: #fffaf0;
|
||||
background: #8b2d20;
|
||||
}
|
||||
|
||||
.mindspace-section-subheading {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
@@ -5269,6 +5993,7 @@ body,
|
||||
}
|
||||
|
||||
.mindspace-image-card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
@@ -5349,7 +6074,36 @@ body,
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.mindspace-asset-select {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 5px 8px;
|
||||
border-radius: 999px;
|
||||
color: #18211d;
|
||||
background: rgba(255, 252, 244, 0.92);
|
||||
box-shadow: 0 4px 12px rgba(24, 33, 29, 0.1);
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.mindspace-asset-select.is-card {
|
||||
position: static;
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.mindspace-asset-select input {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
accent-color: #2f6f57;
|
||||
}
|
||||
|
||||
.mindspace-item-card {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
@@ -6586,6 +7340,29 @@ body,
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary {
|
||||
grid-template-columns: repeat(3, minmax(88px, 1fr));
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary div {
|
||||
padding: 8px 9px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary span {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-summary strong {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.mindspace-space-purchase-recharge {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.mindspace-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
|
||||
Reference in New Issue
Block a user