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:
2025-06-05 14:49:29 +02:00
parent afc709282f
commit ef091d7b29
2 changed files with 40 additions and 33 deletions

View File

@@ -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 */