Update utils.py
Browse files
utils.py
CHANGED
@@ -32,64 +32,28 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
|
|
32 |
margin-top: 15px;
|
33 |
text-align: center;
|
34 |
}
|
35 |
-
|
36 |
#leaderboard-table,
|
37 |
#leaderboard-table th,
|
38 |
#leaderboard-table td {
|
39 |
text-align: center;
|
40 |
vertical-align: middle;
|
41 |
border-collapse: collapse;
|
42 |
-
padding: 5px; /* Reduce padding to make rows narrower */
|
43 |
}
|
44 |
-
|
45 |
#leaderboard-table td:first-child,
|
46 |
#leaderboard-table th:first-child {
|
47 |
text-align: left;
|
48 |
-
max-width: 200px;
|
49 |
}
|
50 |
-
|
51 |
table > thead {
|
52 |
white-space: normal;
|
53 |
}
|
54 |
-
|
55 |
table > thead th,
|
56 |
table > tbody td {
|
57 |
text-align: center;
|
58 |
vertical-align: middle;
|
59 |
}
|
60 |
-
|
61 |
-
/* Apply scrollable div in the first column */
|
62 |
table > tbody td:first-child {
|
63 |
text-align: left;
|
64 |
-
max-width: 200px; /* Set width limit for first column */
|
65 |
-
}
|
66 |
-
|
67 |
-
table > tbody td:first-child div {
|
68 |
-
display: block;
|
69 |
-
max-width: 100%; /* Ensure the div takes up the full width of the cell */
|
70 |
-
overflow-x: auto; /* Enable horizontal scrolling */
|
71 |
-
overflow-y: hidden; /* Disable vertical scrolling */
|
72 |
-
white-space: nowrap; /* Prevent text from wrapping */
|
73 |
-
}
|
74 |
-
|
75 |
-
/* Optional styling for the scrollable content */
|
76 |
-
table > tbody td:first-child div::-webkit-scrollbar {
|
77 |
-
height: 8px;
|
78 |
-
}
|
79 |
-
|
80 |
-
table > tbody td:first-child div::-webkit-scrollbar-thumb {
|
81 |
-
background-color: #888;
|
82 |
-
}
|
83 |
-
|
84 |
-
table > tbody td:first-child div::-webkit-scrollbar-thumb:hover {
|
85 |
-
background-color: #555;
|
86 |
}
|
87 |
-
|
88 |
-
/* Reduce row height */
|
89 |
-
#leaderboard-table tr {
|
90 |
-
height: 30px; /* Adjust row height */
|
91 |
-
}
|
92 |
-
|
93 |
#leaderboard-table-lite {
|
94 |
margin-top: 15px;
|
95 |
}
|
@@ -100,7 +64,6 @@ table > tbody td:first-child div::-webkit-scrollbar-thumb:hover {
|
|
100 |
#search-bar {
|
101 |
padding: 0px;
|
102 |
}
|
103 |
-
|
104 |
.tab-buttons button {
|
105 |
font-size: 20px;
|
106 |
}
|
|
|
32 |
margin-top: 15px;
|
33 |
text-align: center;
|
34 |
}
|
|
|
35 |
#leaderboard-table,
|
36 |
#leaderboard-table th,
|
37 |
#leaderboard-table td {
|
38 |
text-align: center;
|
39 |
vertical-align: middle;
|
40 |
border-collapse: collapse;
|
|
|
41 |
}
|
|
|
42 |
#leaderboard-table td:first-child,
|
43 |
#leaderboard-table th:first-child {
|
44 |
text-align: left;
|
|
|
45 |
}
|
|
|
46 |
table > thead {
|
47 |
white-space: normal;
|
48 |
}
|
|
|
49 |
table > thead th,
|
50 |
table > tbody td {
|
51 |
text-align: center;
|
52 |
vertical-align: middle;
|
53 |
}
|
|
|
|
|
54 |
table > tbody td:first-child {
|
55 |
text-align: left;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
56 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
57 |
#leaderboard-table-lite {
|
58 |
margin-top: 15px;
|
59 |
}
|
|
|
64 |
#search-bar {
|
65 |
padding: 0px;
|
66 |
}
|
|
|
67 |
.tab-buttons button {
|
68 |
font-size: 20px;
|
69 |
}
|