Applied UI rendering fixes
This commit is contained in:
@@ -33,13 +33,18 @@
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
/* Custom dark scrollbar styling */
|
||||
/* Custom dark scrollbar styling - auto-appearing with transparent tracks */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #262626 transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #0a0a0a;
|
||||
background: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #262626;
|
||||
@@ -48,6 +53,18 @@
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #3f3f46;
|
||||
}
|
||||
|
||||
/* Table responsive containment and smooth auto-scrolling */
|
||||
.overflow-x-auto {
|
||||
overflow-x: auto !important;
|
||||
max-width: 100%;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/* Ensure tables preserve minimum readable width without squashing action buttons */
|
||||
.overflow-x-auto > table {
|
||||
min-width: 780px;
|
||||
}
|
||||
}
|
||||
|
||||
/* High Contrast Dark Theme Adaptations for existing utility classes */
|
||||
|
||||
Reference in New Issue
Block a user