Spaces:
Sleeping
Sleeping
Anonymous Authors commited on
Commit Β·
f14833d
1
Parent(s): d77a1fe
Drop the outer leaderboard border entirely
Browse files* .vbench-wrap loses its border, border-radius, and shadow β there is
no visible card outline around the leaderboard anymore. The inner
.vbench-scroll still handles overflow.
* gr.HTML for the leaderboard is now created with container=False so
Gradio's own card box around the HTML component is also dropped.
Together this means the table sits flush on the tab background
without any wrapping outline.
app.py
CHANGED
|
@@ -102,18 +102,10 @@ LEADERBOARD_CSS = """
|
|
| 102 |
/* Palette: Stripe-inspired (navy #0a2540 / slate text #425466 / pale #f6f9fc).
|
| 103 |
TextScore column = deep navy primary; the three text-correctness primitives
|
| 104 |
that feed it carry a soft tint; remaining detail metrics are quiet slate. */
|
| 105 |
-
/*
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
.vbench-wrap {
|
| 110 |
-
width: 100%;
|
| 111 |
-
border: 1px solid #e3e8ee;
|
| 112 |
-
border-radius: 12px;
|
| 113 |
-
overflow: hidden;
|
| 114 |
-
box-shadow: 0 1px 2px rgba(10, 37, 64, 0.04);
|
| 115 |
-
background: #fff;
|
| 116 |
-
}
|
| 117 |
.vbench-scroll {
|
| 118 |
width: 100%;
|
| 119 |
overflow-x: auto;
|
|
@@ -752,7 +744,8 @@ with gr.Blocks(title="ViTeX-Bench Leaderboard",
|
|
| 752 |
gr.Markdown(HEADER_MD)
|
| 753 |
|
| 754 |
with gr.Tab("π Leaderboard"):
|
| 755 |
-
leaderboard_html = gr.HTML(value=render_leaderboard_html()
|
|
|
|
| 756 |
refresh_btn = gr.Button("π Refresh", variant="primary", size="sm")
|
| 757 |
refresh_btn.click(fn=render_leaderboard_html, outputs=leaderboard_html)
|
| 758 |
|
|
|
|
| 102 |
/* Palette: Stripe-inspired (navy #0a2540 / slate text #425466 / pale #f6f9fc).
|
| 103 |
TextScore column = deep navy primary; the three text-correctness primitives
|
| 104 |
that feed it carry a soft tint; remaining detail metrics are quiet slate. */
|
| 105 |
+
/* Borderless wrap. The outer .vbench-wrap is now a transparent
|
| 106 |
+
pass-through with no border, radius, or shadow; the inner
|
| 107 |
+
.vbench-scroll handles the actual scrolling. */
|
| 108 |
+
.vbench-wrap { width: 100%; background: transparent; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 109 |
.vbench-scroll {
|
| 110 |
width: 100%;
|
| 111 |
overflow-x: auto;
|
|
|
|
| 744 |
gr.Markdown(HEADER_MD)
|
| 745 |
|
| 746 |
with gr.Tab("π Leaderboard"):
|
| 747 |
+
leaderboard_html = gr.HTML(value=render_leaderboard_html(),
|
| 748 |
+
container=False)
|
| 749 |
refresh_btn = gr.Button("π Refresh", variant="primary", size="sm")
|
| 750 |
refresh_btn.click(fn=render_leaderboard_html, outputs=leaderboard_html)
|
| 751 |
|