services
This commit is contained in:
parent
ed2c09d118
commit
4df23cec91
|
|
@ -17,18 +17,18 @@
|
|||
|
||||
/* Page Header */
|
||||
.page-header {
|
||||
background: white;
|
||||
background: var(--bg-primary, white);
|
||||
border-radius: 12px;
|
||||
padding: 25px;
|
||||
margin-bottom: 25px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
||||
border: 1px solid #e8e9ff;
|
||||
box-shadow: var(--shadow-md, 0 2px 8px rgba(0,0,0,0.08));
|
||||
border: 1px solid var(--border-light, #e8e9ff);
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #2f3640;
|
||||
color: var(--text-primary, #2f3640);
|
||||
margin: 0 0 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
.page-header p {
|
||||
font-size: 15px;
|
||||
color: #64748b;
|
||||
color: var(--text-secondary, #64748b);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -77,18 +77,18 @@
|
|||
|
||||
/* Content Section */
|
||||
.content-section {
|
||||
background: white;
|
||||
background: var(--bg-primary, white);
|
||||
border-radius: 12px;
|
||||
padding: 25px;
|
||||
margin-bottom: 25px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
||||
border: 1px solid #e8e9ff;
|
||||
box-shadow: var(--shadow-md, 0 2px 8px rgba(0,0,0,0.08));
|
||||
border: 1px solid var(--border-light, #e8e9ff);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #2f3640;
|
||||
color: var(--text-primary, #2f3640);
|
||||
margin-bottom: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
|
||||
/* Status Box */
|
||||
.status-box {
|
||||
background: #f8f9ff;
|
||||
background: var(--bg-secondary, #f8f9ff);
|
||||
border-radius: 12px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
|
|
@ -129,13 +129,13 @@
|
|||
.status-title {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #2f3640;
|
||||
color: var(--text-primary, #2f3640);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.status-description {
|
||||
font-size: 15px;
|
||||
color: #64748b;
|
||||
color: var(--text-secondary, #64748b);
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
.toggle-label {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #2f3640;
|
||||
color: var(--text-primary, #2f3640);
|
||||
}
|
||||
|
||||
/* Save Button */
|
||||
|
|
@ -193,9 +193,9 @@
|
|||
}
|
||||
|
||||
.alert-success {
|
||||
background: #d1fae5;
|
||||
color: #065f46;
|
||||
border: 1px solid #a7f3d0;
|
||||
background: var(--bg-success, #d1fae5);
|
||||
color: var(--text-success, #065f46);
|
||||
border: 1px solid var(--border-success, #a7f3d0);
|
||||
}
|
||||
|
||||
.alert-success .alert-icon {
|
||||
|
|
@ -203,9 +203,9 @@
|
|||
}
|
||||
|
||||
.alert-danger {
|
||||
background: #fee2e2;
|
||||
color: #991b1b;
|
||||
border: 1px solid #fecaca;
|
||||
background: var(--bg-danger, #fee2e2);
|
||||
color: var(--text-danger, #991b1b);
|
||||
border: 1px solid var(--border-danger, #fecaca);
|
||||
}
|
||||
|
||||
.alert-danger .alert-icon {
|
||||
|
|
@ -216,7 +216,7 @@
|
|||
.loading-spinner {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 3px solid #e8e9ff;
|
||||
border: 3px solid var(--border-light, #e8e9ff);
|
||||
border-top-color: #5856d6;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
|
|
@ -238,7 +238,7 @@
|
|||
}
|
||||
|
||||
.info-card {
|
||||
background: #f8f9ff;
|
||||
background: var(--bg-secondary, #f8f9ff);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
|
|
@ -247,7 +247,7 @@
|
|||
|
||||
.info-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 5px 20px rgba(88,86,214,0.1);
|
||||
box-shadow: var(--shadow-lg, 0 5px 20px rgba(88,86,214,0.1));
|
||||
}
|
||||
|
||||
.info-card-icon {
|
||||
|
|
@ -266,13 +266,13 @@
|
|||
.info-card-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #2f3640;
|
||||
color: var(--text-primary, #2f3640);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.info-card-description {
|
||||
font-size: 14px;
|
||||
color: #64748b;
|
||||
color: var(--text-secondary, #64748b);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue