seperating tabs

app.py

@@ -94,13 +94,14 @@ with demo:
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
 
     with gr.Row():
-        with gr.Box(elem_id="search-bar-table-box"):
-            search_bar = gr.Textbox(
-                label="Search 🔎",
-                info="Search for a model",
-                placeholder="Write and press ENTER...",
-                elem_id="search-bar",
-            )
+        with gr.Column(scale=1):
+            with gr.Box(elem_id="search-bar-table-box"):
+                search_bar = gr.Textbox(
+                    label="Search 🔎",
+                    info="Search for a model",
+                    placeholder="Write and press ENTER...",
+                    elem_id="search-bar",
+                )
 
         backend_checkboxes = gr.CheckboxGroup(
             choices=["pytorch", "onnxruntime"],
@@ -164,10 +165,12 @@ with demo:
                 visible=False,
             )
 
+        with gr.TabItem("🖥️ 4xA100-80GB Evaluation 🏋️", elem_id="A100-evaluation", id=1):
             MULTI_A100_TEXT = """<h3>Multi-GPU (4xA100):</h3>
             <ul>
                 <li>Singleton Batch (1)</li>
                 <li>Thousand Tokens (1000)</li>
+                <li>Using <a href="https://huggingface.co/docs/accelerate" target="_blank">Accelerate</a>'s Auto Device Map</li>
             </ul>"""
             gr.HTML(MULTI_A100_TEXT)
             multi_A100_df = get_benchmark_df(benchmark="4xA100-80GB")
@@ -186,30 +189,30 @@ with demo:
                 visible=False,
             )
 
-            # Callbacks
-            search_bar.submit(
-                search_tables,
-                [single_A100_for_search, multi_A100_for_search, search_bar],
-                [single_A100_leaderboard, multi_A100_leaderboard],
-            )
-            backend_checkboxes.select(
-                filter_tables,
-                [single_A100_for_search, multi_A100_for_search,
-                    backend_checkboxes, datatype_checkboxes, threshold_slider],
-                [single_A100_leaderboard, multi_A100_leaderboard],
-            )
-            datatype_checkboxes.select(
-                filter_tables,
-                [single_A100_for_search, multi_A100_for_search,
-                    backend_checkboxes, datatype_checkboxes, threshold_slider],
-                [single_A100_leaderboard, multi_A100_leaderboard],
-            )
-            threshold_slider.release(
-                filter_tables,
-                [single_A100_for_search, multi_A100_for_search,
-                    backend_checkboxes, datatype_checkboxes, threshold_slider],
-                [single_A100_leaderboard, multi_A100_leaderboard],
-            )
+        # Callbacks
+        search_bar.submit(
+            search_tables,
+            [single_A100_for_search, multi_A100_for_search, search_bar],
+            [single_A100_leaderboard, multi_A100_leaderboard],
+        )
+        backend_checkboxes.select(
+            filter_tables,
+            [single_A100_for_search, multi_A100_for_search,
+                backend_checkboxes, datatype_checkboxes, threshold_slider],
+            [single_A100_leaderboard, multi_A100_leaderboard],
+        )
+        datatype_checkboxes.select(
+            filter_tables,
+            [single_A100_for_search, multi_A100_for_search,
+                backend_checkboxes, datatype_checkboxes, threshold_slider],
+            [single_A100_leaderboard, multi_A100_leaderboard],
+        )
+        threshold_slider.release(
+            filter_tables,
+            [single_A100_for_search, multi_A100_for_search,
+                backend_checkboxes, datatype_checkboxes, threshold_slider],
+            [single_A100_leaderboard, multi_A100_leaderboard],
+        )
 
     with gr.Row():
         with gr.Accordion("📙 Citation", open=False):