Update app.py

app.py

@@ -5,6 +5,10 @@ import requests
 import gradio as gr
 
 STYLE = """
+.no-border {
+    border: none;
+}
+
 .group-border {
   padding: 10px;
   border-width: 1px;
@@ -184,7 +188,7 @@ def submit(
         return f"something went wrong {response.status_code} = {response.text}"
 
 with gr.Blocks(css=STYLE) as hf_endpoint:
-    with gr.Tab("🤗 Inference Endpoint"):
+    with gr.Tab("🤗 Inference Endpoint", elem_classes=["no-border"]):
         gr.Markdown("# Deploy LLM on 🤗 Hugging Face Inference Endpoint", elem_classes=["center"])
 
         with gr.Column(elem_classes=["group-border"]):
@@ -306,7 +310,7 @@ Name for your new endpoint""")
                     )
 
         with gr.Column(elem_classes=["group-border"]):
-            with gr.Accordion("Serving Container", open=False):
+            with gr.Accordion("Serving Container", open=False, elem_classes=["no-border"]):
                 with gr.Column():
                     gr.Markdown("""### Container Type
     
@@ -415,16 +419,16 @@ Name for your new endpoint""")
                 security_selector],
             outputs=status_txt)
 
-    with gr.Tab("AWS"):
+    with gr.Tab("AWS", elem_classes=["no-border"]):
         gr.Markdown("# Deploy LLM on 🤗 Hugging Face Inference Endpoint", elem_classes=["center"])
 
-    with gr.Tab("GCP"):
+    with gr.Tab("GCP", elem_classes=["no-border"]):
         gr.Markdown("# Deploy LLM on 🤗 Hugging Face Inference Endpoint", elem_classes=["center"])
 
-    with gr.Tab("Azure"):
+    with gr.Tab("Azure", elem_classes=["no-border"]):
         gr.Markdown("# Deploy LLM on 🤗 Hugging Face Inference Endpoint", elem_classes=["center"])
 
-    with gr.Tab("Lambdalabs"):
+    with gr.Tab("Lambdalabs", elem_classes=["no-border"]):
         gr.Markdown("# Deploy LLM on 🤗 Hugging Face Inference Endpoint", elem_classes=["center"])
 
 hf_endpoint.launch(enable_queue=True, debug=True)