feat: add border styling for Data Source section to match left panel

app.py

@@ -358,31 +358,32 @@ if __name__ == "__main__":
                         initial_writing = [c for c in writing_cols if c in initial_columns]
                         initial_knowledge = [c for c in knowledge_cols if c in initial_columns]
 
-                        gr.Markdown("**Data Source**")
-
-                        # 代码 (Code)
-                        with gr.Row():
-                            toggle_code = gr.Checkbox(label="💻 Code", value=True, scale=0, min_width=150)
-                            colfilter_code = gr.CheckboxGroup(choices=initial_code, value=initial_code, show_label=False, scale=3)
-
-                        # 科研 (Research)
-                        with gr.Row():
-                            toggle_research = gr.Checkbox(label="🔬 Research", value=True, scale=0, min_width=150)
-                            colfilter_research = gr.CheckboxGroup(choices=initial_research, value=initial_research, show_label=False, scale=3)
-
-                        # 写作 (Writing)
-                        with gr.Row():
-                            toggle_writing = gr.Checkbox(label="✍️ Writing", value=True, scale=0, min_width=150)
-                            colfilter_writing = gr.CheckboxGroup(choices=initial_writing, value=initial_writing, show_label=False, scale=3)
-
-                        # 世界知识 (World Knowledge)
-                        with gr.Row():
-                            toggle_knowledge = gr.Checkbox(label="🌍 Knowledge", value=True, scale=0, min_width=150)
-                            colfilter_knowledge = gr.CheckboxGroup(choices=initial_knowledge, value=initial_knowledge, show_label=False, scale=3)
-
-                        # 多语言 (Multilingual) - Coming Soon
-                        with gr.Row():
-                            gr.Checkbox(label="🌐 Multilingual (Coming Soon)", value=False, interactive=False, scale=0, min_width=250)
+                        with gr.Column(elem_classes=["data-source-box"]):
+                            gr.Markdown("**Data Source**")
+
+                            # 代码 (Code)
+                            with gr.Row():
+                                toggle_code = gr.Checkbox(label="💻 Code", value=True, scale=0, min_width=150)
+                                colfilter_code = gr.CheckboxGroup(choices=initial_code, value=initial_code, show_label=False, scale=3)
+
+                            # 科研 (Research)
+                            with gr.Row():
+                                toggle_research = gr.Checkbox(label="🔬 Research", value=True, scale=0, min_width=150)
+                                colfilter_research = gr.CheckboxGroup(choices=initial_research, value=initial_research, show_label=False, scale=3)
+
+                            # 写作 (Writing)
+                            with gr.Row():
+                                toggle_writing = gr.Checkbox(label="✍️ Writing", value=True, scale=0, min_width=150)
+                                colfilter_writing = gr.CheckboxGroup(choices=initial_writing, value=initial_writing, show_label=False, scale=3)
+
+                            # 世界知识 (World Knowledge)
+                            with gr.Row():
+                                toggle_knowledge = gr.Checkbox(label="🌍 Knowledge", value=True, scale=0, min_width=150)
+                                colfilter_knowledge = gr.CheckboxGroup(choices=initial_knowledge, value=initial_knowledge, show_label=False, scale=3)
+
+                            # 多语言 (Multilingual) - Coming Soon
+                            with gr.Row():
+                                gr.Checkbox(label="🌐 Multilingual (Coming Soon)", value=False, interactive=False, scale=0, min_width=250)
 
                 table = gr.HTML(initial_data)
 

title.py

@@ -15,6 +15,12 @@ table {
     margin-right: auto !important;
     width: 100% !important;
 }
+.data-source-box {
+    border: 1px solid var(--border-color-primary);
+    border-radius: 8px;
+    padding: 16px !important;
+    background: var(--background-fill-primary);
+}
 """
 TITLE_HTML = '<h1 style="text-align:center"><span style="font-size:1.3em">🏆 LLM Compression Leaderboard</span></h1>'
 SUBTITLE_HTML = "<h1 style='text-align:center'><span style='font-size:0.8em'>Welcome to Uncheatable Eval LLM Compression Leaderboard, where fancy fine-tuning and cheating won't work 🚫; only compute 💻, data 📊, and real innovation 🔥 can prevail!</span></h1>"