Adds customer details drawer to customers list page
Enhances customer management with interactive drawer Introduces detailed customer profile view with metadata Implements search functionality and dynamic drawer population Improves user experience for customer information exploration
This commit is contained in:
parent
65ad9aacdf
commit
0a431c8db4
8 changed files with 694 additions and 15 deletions
|
|
@ -226,6 +226,10 @@ swp-quick-stats {
|
|||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: var(--card-gap);
|
||||
|
||||
&.cols-3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
swp-quick-stat {
|
||||
|
|
@ -235,6 +239,7 @@ swp-quick-stat {
|
|||
padding: var(--card-padding);
|
||||
background: var(--color-background-alt);
|
||||
border-radius: var(--radius-md);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
swp-quick-stat swp-stat-value {
|
||||
|
|
@ -249,6 +254,11 @@ swp-quick-stat swp-stat-label {
|
|||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
swp-quick-stat.highlight {
|
||||
background: var(--bg-teal-subtle);
|
||||
border: 1px solid var(--bg-teal-border);
|
||||
}
|
||||
|
||||
/* ===========================================
|
||||
RESPONSIVE
|
||||
=========================================== */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue