Update sales level styling and improve UI performance
- Standardize sales level color mapping across components - Enhance delete button styling with flat variant and white text - Improve stepper visualization with consistent color logic - Optimize Safari scrolling performance with CSS transforms - Add TypeScript casting for data operations
This commit is contained in:
@@ -498,14 +498,31 @@ const getRelativeTime = (dateString: string) => {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Safari-specific fixes */
|
||||
/* Safari-specific fixes and scrolling performance improvements */
|
||||
.modern-table :deep(.v-table__wrapper) {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
/* Improve scrolling performance */
|
||||
will-change: scroll-position;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.modern-table :deep(.v-data-table__td) {
|
||||
min-width: 0;
|
||||
/* Optimize for better rendering */
|
||||
contain: layout style paint;
|
||||
}
|
||||
|
||||
/* Fix potential scrolling issues on desktop */
|
||||
.modern-table :deep(.v-table) {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.modern-table :deep(tbody tr) {
|
||||
/* Prevent sub-pixel rendering issues */
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
/* Column width constraints */
|
||||
|
||||
Reference in New Issue
Block a user