Upload folder using huggingface_hub

app.py

@@ -25,26 +25,36 @@ def main():
     # Custom CSS for dataset cards
     custom_css = theme.css + """
     /* Hide any share buttons globally */
-    .share-button, [class*="share"], button[title="Share"] {
+    .share-button,
+    [class*="share"],
+    button[title="Share"],
+    .icon-buttons,
+    .image-button-group {
         display: none !important;
     }
 
     /* Hero section styling */
     .hero-section {
-        text-align: center;
-        padding: 2rem 1rem 1rem;
+        justify-content: center !important;
+        padding: 1.5rem 1rem 0.5rem !important;
+        background: transparent !important;
+    }
+    .hero-logo {
+        max-width: 200px !important;
+        background: transparent !important;
+        border: none !important;
+        box-shadow: none !important;
+        margin: 0 auto !important;
     }
-    .hero-logo-img {
-        max-width: 220px;
-        height: auto;
-        margin: 0 auto 0.75rem;
-        display: block;
+    .hero-logo img {
+        object-fit: contain !important;
     }
     .hero-subtitle {
         font-size: 1rem !important;
         color: var(--text-secondary, #98989d) !important;
-        margin: 0 !important;
+        margin: 0 0 1rem 0 !important;
         font-weight: 400 !important;
+        text-align: center !important;
     }
 
     /* Dataset card styling */
@@ -178,13 +188,19 @@ def main():
         # State to track logged-in username (triggers re-render when changed)
         logged_in_user = gr.State(value=None)
 
-        # Hero Section with logo (using HTML to avoid Gradio image controls)
-        gr.HTML('''
-        <div class="hero-section">
-            <img src="/file=datapass_logo.png" alt="DataPass" class="hero-logo-img">
-            <p class="hero-subtitle">Your pass to private data.</p>
-        </div>
-        ''')
+        # Hero Section with logo
+        with gr.Row(elem_classes="hero-section"):
+            gr.Image(
+                value="datapass_logo.png",
+                show_label=False,
+                show_download_button=False,
+                show_fullscreen_button=False,
+                show_share_button=False,
+                container=False,
+                height=120,
+                elem_classes="hero-logo"
+            )
+        gr.HTML('<p class="hero-subtitle">Your pass to private data.</p>')
 
         # Simple auth row with Gradio 6 LoginButton
         with gr.Row():