Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
|
@@ -77,25 +77,24 @@ def create_treemap(treemap_data, count_by, title=None):
|
|
| 77 |
fig.update_traces(textinfo="label+value+percent root", hovertemplate="<b>%{label}</b><br>%{value:,} " + count_by + "<br>%{percentRoot:.2%} of total<extra></extra>")
|
| 78 |
return fig
|
| 79 |
|
| 80 |
-
# --- FINAL
|
| 81 |
custom_css = """
|
| 82 |
-
/* Hide the
|
| 83 |
-
#param-slider-wrapper .head
|
| 84 |
-
display: none !important;
|
| 85 |
-
}
|
| 86 |
-
|
| 87 |
-
/* Hide the 0 and 8 labels on the sides of the RangeSlider */
|
| 88 |
#param-slider-wrapper div[data-testid="range-slider"] > span {
|
| 89 |
display: none !important;
|
| 90 |
}
|
| 91 |
|
| 92 |
/*
|
| 93 |
THIS IS THE KEY FIX:
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
|
|
|
|
|
|
|
|
|
| 97 |
*/
|
| 98 |
-
|
| 99 |
background: none !important;
|
| 100 |
border: none !important;
|
| 101 |
box-shadow: none !important;
|
|
@@ -120,7 +119,7 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
|
|
| 120 |
pipeline_filter_dropdown = gr.Dropdown(label="Select Pipeline Tag", choices=PIPELINE_TAGS, value=None, visible=False)
|
| 121 |
|
| 122 |
# This group's styling will be modified by the custom CSS
|
| 123 |
-
with gr.Group(
|
| 124 |
gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
|
| 125 |
param_range_slider = RangeSlider(
|
| 126 |
minimum=0,
|
|
|
|
| 77 |
fig.update_traces(textinfo="label+value+percent root", hovertemplate="<b>%{label}</b><br>%{value:,} " + count_by + "<br>%{percentRoot:.2%} of total<extra></extra>")
|
| 78 |
return fig
|
| 79 |
|
| 80 |
+
# --- FINAL, CORRECTED CSS ---
|
| 81 |
custom_css = """
|
| 82 |
+
/* Hide the extra UI elements from the RangeSlider component */
|
| 83 |
+
#param-slider-wrapper .head,
|
|
|
|
|
|
|
|
|
|
|
|
|
| 84 |
#param-slider-wrapper div[data-testid="range-slider"] > span {
|
| 85 |
display: none !important;
|
| 86 |
}
|
| 87 |
|
| 88 |
/*
|
| 89 |
THIS IS THE KEY FIX:
|
| 90 |
+
We target all the individual component containers (divs with class .block)
|
| 91 |
+
that are *direct children* of our custom-classed group.
|
| 92 |
+
|
| 93 |
+
This removes the "box-in-a-box" effect by making the inner component
|
| 94 |
+
containers transparent. The parent gr.Group now acts as the single card,
|
| 95 |
+
which is exactly what we want.
|
| 96 |
*/
|
| 97 |
+
.model-parameters-group > .block {
|
| 98 |
background: none !important;
|
| 99 |
border: none !important;
|
| 100 |
box-shadow: none !important;
|
|
|
|
| 119 |
pipeline_filter_dropdown = gr.Dropdown(label="Select Pipeline Tag", choices=PIPELINE_TAGS, value=None, visible=False)
|
| 120 |
|
| 121 |
# This group's styling will be modified by the custom CSS
|
| 122 |
+
with gr.Group(elem_classes="model-parameters-group"):
|
| 123 |
gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
|
| 124 |
param_range_slider = RangeSlider(
|
| 125 |
minimum=0,
|