sam
/
baseddata.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style changes

This commit is contained in:
Sam 2024-09-10 09:12:25 +01:00
parent cb0fc7a843
commit 9e8e3f27a5
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/style.css
View File

@ -70,17 +70,18 @@
/* Style for WebKit browsers (Chrome, Safari, etc.) */ /* Style for WebKit browsers (Chrome, Safari, etc.) */
*::-webkit-scrollbar { *::-webkit-scrollbar {
height: 5px; height: 2px;
border-radius: 6px; border-radius: 1px;
background: #1f1f28; background: #1f1f28;
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
border-radius: 6px; border-radius: 2px;
background: #585653; background: #585653;
} }
*::-webkit-scrollbar-thumb:hover { *::-webkit-scrollbar-thumb:hover {
height: 2px;
background: #454445; /* Background color on hover */ background: #454445; /* Background color on hover */
} }

7
static/css/tables.css
View File

@ -1,6 +1,7 @@
/* Tables */ /* Tables */
#jsonTableContainer { #jsonTableContainer {
max-width: 150%; display: flex;
overflow-y: auto;
} }
table { table {
@ -23,9 +24,13 @@ td {
max-width: 90px; max-width: 90px;
font-size: var(--table-row-font-size); font-size: var(--table-row-font-size);
} }
#scrollable:hover {
scrollbar-width: thin;
}
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
#scrollable { #scrollable {
scrollbar-width: thin;
max-width: 90px; max-width: 90px;
max-height: 100%; max-height: 100%;
margin: 0; margin: 0;