Harden admin telemetry and deployment safeguards
TaxBaik CI/CD / build-and-deploy (push) Successful in 4m30s
TaxBaik CI/CD / build-and-deploy (push) Successful in 4m30s
This commit is contained in:
@@ -12,21 +12,21 @@
|
||||
|
||||
:root {
|
||||
/* Color System */
|
||||
--primary-color: #1976D2;
|
||||
--primary-light: #E3F2FD;
|
||||
--primary-lighter: #BBDEFB;
|
||||
--primary-dark: #1565C0;
|
||||
--primary-darker: #0D47A1;
|
||||
--primary-color: #1F4E79;
|
||||
--primary-light: #E8F0F7;
|
||||
--primary-lighter: #D6E3F0;
|
||||
--primary-dark: #163A5C;
|
||||
--primary-darker: #102D47;
|
||||
--primary-contrast: #FFFFFF;
|
||||
|
||||
--secondary-color: #2D9F7E;
|
||||
--secondary-light: #E8F7F3;
|
||||
--secondary-dark: #1D7A64;
|
||||
--secondary-color: #2B6F6A;
|
||||
--secondary-light: #E6F2F1;
|
||||
--secondary-dark: #1F5854;
|
||||
--secondary-contrast: #FFFFFF;
|
||||
|
||||
--tertiary-color: #FF8A50;
|
||||
--tertiary-light: #FFEBEE;
|
||||
--tertiary-dark: #E65100;
|
||||
--tertiary-color: #A96A3B;
|
||||
--tertiary-light: #F4E9DF;
|
||||
--tertiary-dark: #7E4D28;
|
||||
--tertiary-contrast: #FFFFFF;
|
||||
|
||||
--success-color: #16A34A;
|
||||
@@ -53,14 +53,14 @@
|
||||
--text-inverse: #FFFFFF;
|
||||
|
||||
--bg-primary: #FFFFFF;
|
||||
--bg-secondary: #F8F9FB;
|
||||
--bg-tertiary: #F1F5F9;
|
||||
--bg-secondary: #F4F7FA;
|
||||
--bg-tertiary: #E9EEF4;
|
||||
--bg-overlay: rgba(15, 23, 42, 0.08);
|
||||
--bg-overlay-strong: rgba(15, 23, 42, 0.12);
|
||||
|
||||
--border-color: #E2E8F0;
|
||||
--border-color-light: #F1F5F9;
|
||||
--border-color-strong: #CBD5E1;
|
||||
--border-color: #D6DFE8;
|
||||
--border-color-light: #E6EDF3;
|
||||
--border-color-strong: #B7C4D1;
|
||||
|
||||
/* Spacing Scale */
|
||||
--space-0: 0;
|
||||
@@ -445,9 +445,9 @@ textarea:focus-visible {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 0px 12px;
|
||||
height: 38px !important;
|
||||
background-color: var(--bg-primary);
|
||||
padding: 0 14px;
|
||||
min-height: 44px !important;
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFE 100%);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
z-index: var(--z-dropdown);
|
||||
box-shadow: none !important;
|
||||
@@ -460,17 +460,23 @@ textarea:focus-visible {
|
||||
.admin-topbar-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.admin-topbar-title span {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.admin-topbar-title .mud-typography--h6 {
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.15;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
.admin-brand-text {
|
||||
font-size: 0.82rem !important;
|
||||
letter-spacing: 0.02em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.admin-brand-subtitle {
|
||||
font-size: 0.86rem !important;
|
||||
font-weight: 600 !important;
|
||||
color: #1F2937 !important;
|
||||
}
|
||||
|
||||
.admin-topbar-action {
|
||||
@@ -486,7 +492,7 @@ textarea:focus-visible {
|
||||
}
|
||||
|
||||
.admin-drawer {
|
||||
width: 208px;
|
||||
width: 228px;
|
||||
background-color: var(--bg-primary);
|
||||
border-right: 1px solid var(--border-color);
|
||||
display: flex;
|
||||
@@ -667,8 +673,8 @@ textarea:focus-visible {
|
||||
|
||||
/* Metric Card - Enterprise Grade */
|
||||
.admin-metric-card {
|
||||
padding: 10px;
|
||||
border-radius: var(--radius-md);
|
||||
padding: 12px;
|
||||
border-radius: var(--radius-lg);
|
||||
background-color: var(--bg-primary);
|
||||
border: 1px solid var(--border-color);
|
||||
transition: all var(--transition-base);
|
||||
@@ -750,8 +756,8 @@ textarea:focus-visible {
|
||||
|
||||
/* Card Accent Colors */
|
||||
.accent-blue {
|
||||
background: linear-gradient(135deg, var(--primary-light) 0%, #E3F2FD 100%);
|
||||
border-color: #BBDEFB;
|
||||
background: linear-gradient(135deg, var(--primary-light) 0%, #F7FAFC 100%);
|
||||
border-color: #C9D8E6;
|
||||
color: var(--primary-dark);
|
||||
}
|
||||
|
||||
@@ -761,7 +767,7 @@ textarea:focus-visible {
|
||||
}
|
||||
|
||||
.accent-amber {
|
||||
background: linear-gradient(135deg, #FFEBEE 0%, #FFE0B2 100%);
|
||||
background: linear-gradient(135deg, #F7EFE8 0%, #F1E3D7 100%);
|
||||
border-color: var(--tertiary-color);
|
||||
color: var(--tertiary-dark);
|
||||
}
|
||||
@@ -783,7 +789,7 @@ textarea:focus-visible {
|
||||
}
|
||||
|
||||
.accent-green {
|
||||
background: linear-gradient(135deg, #DCFCE7 0%, #C8E6C9 100%);
|
||||
background: linear-gradient(135deg, #E7F2EE 0%, #D7E8E3 100%);
|
||||
border-color: var(--success-color);
|
||||
color: var(--success-dark);
|
||||
}
|
||||
@@ -910,6 +916,32 @@ textarea:focus-visible {
|
||||
animation: loading 1.5s infinite;
|
||||
}
|
||||
|
||||
.admin-skeleton-stack {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.admin-skeleton-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1.4fr 0.8fr 0.6fr;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.admin-skeleton-block {
|
||||
height: 14px;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(90deg, var(--bg-overlay) 0%, var(--bg-overlay-strong) 50%, var(--bg-overlay) 100%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.4s infinite;
|
||||
}
|
||||
|
||||
.admin-skeleton-block.w-40 { width: 40%; }
|
||||
.admin-skeleton-block.w-25 { width: 25%; }
|
||||
.admin-skeleton-block.w-20 { width: 20%; }
|
||||
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
|
||||
Reference in New Issue
Block a user