style: 更新侧边栏背景渐变和主体字体。
This commit is contained in:
parent
4718269fc5
commit
4734f76368
@ -1,6 +1,6 @@
|
||||
:root {
|
||||
--primary-orange: #FF6B35;
|
||||
--secondary-orange: #F28C28;
|
||||
--primary-orange: #ff6b35;
|
||||
--secondary-orange: #f28c28;
|
||||
--dark-gray: #333;
|
||||
--medium-gray: #666;
|
||||
--light-gray: #f5f5f5;
|
||||
@ -21,7 +21,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: var(--light-gray);
|
||||
color: var(--dark-gray);
|
||||
line-height: 1.6;
|
||||
@ -36,7 +36,7 @@ body {
|
||||
/* Sidebar Styles */
|
||||
.sidebar {
|
||||
width: var(--sidebar-width);
|
||||
background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
|
||||
background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
|
||||
color: var(--white);
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
@ -214,7 +214,7 @@ body {
|
||||
transition: margin-left 0.3s ease;
|
||||
}
|
||||
|
||||
.sidebar.collapsed~.main-content {
|
||||
.sidebar.collapsed ~ .main-content {
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
@ -304,7 +304,7 @@ body {
|
||||
}
|
||||
|
||||
.icon-btn::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
@ -649,7 +649,7 @@ body {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-label input[type="checkbox"]:checked+span {
|
||||
.checkbox-label input[type="checkbox"]:checked + span {
|
||||
color: var(--primary-orange);
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -659,7 +659,6 @@ body {
|
||||
background-color: rgba(255, 107, 53, 0.1);
|
||||
}
|
||||
|
||||
|
||||
/* File Upload */
|
||||
.file-upload {
|
||||
position: relative;
|
||||
@ -757,7 +756,9 @@ td.has-overflow:hover::before {
|
||||
overflow: auto;
|
||||
word-wrap: break-word;
|
||||
z-index: 1000;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow:
|
||||
0 4px 12px rgba(0, 0, 0, 0.3),
|
||||
0 0 0 1px rgba(255, 255, 255, 0.1);
|
||||
margin-bottom: 8px;
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
@ -808,12 +809,14 @@ td.overflow-cell {
|
||||
overflow: auto;
|
||||
overflow-wrap: anywhere;
|
||||
pointer-events: auto;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow:
|
||||
0 8px 24px rgba(0, 0, 0, 0.35),
|
||||
0 0 0 1px rgba(255, 255, 255, 0.1);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.cell-tooltip::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@ -935,8 +938,8 @@ td.overflow-cell {
|
||||
|
||||
/* Highlighted stat card for follow-up count */
|
||||
.stat-card-highlight {
|
||||
background: linear-gradient(135deg, #FF6B35 0%, #F28C28 100%);
|
||||
border: 2px solid #FF6B35;
|
||||
background: linear-gradient(135deg, #ff6b35 0%, #f28c28 100%);
|
||||
border: 2px solid #ff6b35;
|
||||
box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
|
||||
}
|
||||
|
||||
@ -1101,7 +1104,7 @@ td.overflow-cell {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar.collapsed~.main-content #editModal .modal-content {
|
||||
.sidebar.collapsed ~ .main-content #editModal .modal-content {
|
||||
width: min(calc(100vw - 70px - 80px), 800px);
|
||||
}
|
||||
|
||||
@ -1123,7 +1126,7 @@ td.overflow-cell {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar.collapsed~.main-content #createModal .modal-content {
|
||||
.sidebar.collapsed ~ .main-content #createModal .modal-content {
|
||||
width: min(calc(100vw - 70px - 80px), 800px);
|
||||
}
|
||||
|
||||
@ -1556,7 +1559,6 @@ td.overflow-cell {
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
@ -2321,7 +2323,11 @@ tr:hover .action-cell {
|
||||
}
|
||||
|
||||
.customer-tab.active {
|
||||
background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
var(--primary-orange),
|
||||
var(--secondary-orange)
|
||||
);
|
||||
color: var(--white);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
|
||||
@ -2445,7 +2451,9 @@ tr:hover .action-cell {
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
overflow: hidden;
|
||||
transition: box-shadow 0.3s ease, transform 0.3s ease;
|
||||
transition:
|
||||
box-shadow 0.3s ease,
|
||||
transform 0.3s ease;
|
||||
}
|
||||
|
||||
.customer-summary-card:hover {
|
||||
|
||||
@ -1471,7 +1471,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
},
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
display: false,
|
||||
text: chartTitle,
|
||||
font: {
|
||||
size: 16,
|
||||
@ -1576,7 +1576,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
},
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
display: false,
|
||||
text: chartTitle,
|
||||
font: {
|
||||
size: 16,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user