Style changes
This commit is contained in:
parent
cb0fc7a843
commit
9e8e3f27a5
|
@ -70,17 +70,18 @@
|
|||
|
||||
/* Style for WebKit browsers (Chrome, Safari, etc.) */
|
||||
*::-webkit-scrollbar {
|
||||
height: 5px;
|
||||
border-radius: 6px;
|
||||
height: 2px;
|
||||
border-radius: 1px;
|
||||
background: #1f1f28;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
border-radius: 6px;
|
||||
border-radius: 2px;
|
||||
background: #585653;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
height: 2px;
|
||||
background: #454445; /* Background color on hover */
|
||||
}
|
||||
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
/* Tables */
|
||||
#jsonTableContainer {
|
||||
max-width: 150%;
|
||||
display: flex;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
|
@ -23,9 +24,13 @@ td {
|
|||
max-width: 90px;
|
||||
font-size: var(--table-row-font-size);
|
||||
}
|
||||
#scrollable:hover {
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#scrollable {
|
||||
scrollbar-width: thin;
|
||||
max-width: 90px;
|
||||
max-height: 100%;
|
||||
margin: 0;
|
||||
|
|
Loading…
Reference in New Issue