wenjiao's picture
Update src/display/css_html_js.py
61862ec verified
custom_css = """
/* Hides the final AutoEvalColumn */
#llm-benchmark-tab-table table td:last-child,
#llm-benchmark-tab-table table th:last-child {
display: none;
}
/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
table td:first-child,
table th:first-child {
max-width: 400px;
overflow: auto;
white-space: nowrap;
}
/* Full width space */
.gradio-container {
max-width: 95%!important;
}
/* Text style and margins */
.markdown-text {
font-size: 16px !important;
}
#models-to-add-text {
font-size: 18px !important;
}
#citation-button span {
font-size: 16px !important;
}
#citation-button textarea {
font-size: 16px !important;
}
#citation-button > label > button {
margin: 6px;
transform: scale(1.3);
}
#search-bar-table-box > div:first-child {
background: none;
border: none;
}
#search-bar {
padding: 0px;
}
.modal-container.svelte-7knbu5 {
margin-top: 8rem !important;
}
.modebar > .modebar-group:nth-child(2) {
display: none !important;
}
#component-34 {
flex: 0 0 1rem !important;
min-width: 8rem !important;
}
#component-35 {
height: 100% !important;
background: #2563ea !important;
color: white !important;
}
/* 100% scale*/
@media (resolution: 96dpi), (min-resolution: 1dppx) and (max-resolution: 1.25dppx) {
#model_comparison {
height: 6rem !important;
overflow: auto !important;
}
}
/* 125% scale */
@media (resolution: 120dpi), (min-resolution: 1.25dppx) and (max-resolution: 1.5dppx) {
#model_comparison .svelte-1k4wjf2 {
font-size: 0.65rem;
}
#model_comparison {
height: 8rem !important;
overflow: auto !important;
}
#component-35 {
margin-top: 0.5rem;
}
#component-31 {
margin-top: 0.5rem !important;
}
}
#model_comparison {
height: 6rem !important;
overflow: auto !important;
}
#model_comparison .svelte-1k4wjf2 {
font-size: 0.7rem !important;
}
.tab-buttons button {
font-size: 20px;
}
/* Filters style */
#filter_type{
border: 0;
padding-left: 0;
padding-top: 0;
}
#filter_type label {
display: flex;
}
#filter_type label > span{
margin-top: var(--spacing-lg);
margin-right: 0.5em;
}
#filter_type label > .wrap{
width: 103px;
}
#filter_type label > .wrap .wrap-inner{
padding: 2px;
}
#filter_type label > .wrap .wrap-inner input{
width: 1px
}
#filter-columns-type{
border:0;
padding:0.5;
}
#filter-columns-size{
border:0;
padding:0.5;
}
#box-filter > .form{
border: 0
}
"""
get_window_url_params = """
function(url_params) {
const params = new URLSearchParams(window.location.search);
url_params = Object.fromEntries(params);
return url_params;
}
"""