Update app.py

app.py

@@ -780,49 +780,46 @@ def create_interface():
         color: white !important;
     }
     
-    /* Target the file component container */
-    [data-testid="file"] {
-        margin-left: 15px !important;
+    /* Style the file upload to be more compact */
+    .file-upload {
         width: 150px !important;
+        margin-left: 15px !important;
     }
     
-    /* Hide the File label */
-    [data-testid="file"] > label {
+    /* Hide file preview elements */
+    .file-upload .file-preview,
+    .file-upload p:not(.file-upload p:first-child),
+    .file-upload svg,
+    .file-upload [data-testid="chunkFileDropArea"],
+    .file-upload .file-drop {
         display: none !important;
     }
     
-    /* Style the drop zone to look like a button */
-    [data-testid="file"] [data-testid="drop-region"] {
+    /* Style the upload button */
+    .file-upload button {
         height: 40px !important;
-        min-height: 40px !important;
+        width: 100% !important;
         background-color: #f0f0f0 !important;
         border: 1px solid #d9d9d9 !important;
         border-radius: 4px !important;
+        color: #333 !important;
+        font-size: 14px !important;
         display: flex !important;
         align-items: center !important;
         justify-content: center !important;
+        margin: 0 !important;
         padding: 0 !important;
     }
     
-    /* Hide all elements inside except our custom text */
-    [data-testid="file"] [data-testid="drop-region"] > * {
+    /* Hide the "or" text */
+    .file-upload .or {
         display: none !important;
     }
     
-    /* Add custom button text */
-    [data-testid="file"] [data-testid="drop-region"]::before {
-        content: "Upload Document" !important;
-        font-size: 14px !important;
-        color: #333 !important;
-    }
-    
-    /* Hide the drag text area, preview area, etc. */
-    [data-testid="file"] [data-testid="download-button"],
-    [data-testid="file"] [data-testid="clear-button"],
-    [data-testid="file"] [data-testid="gallery"],
-    [data-testid="file"] [data-testid="preview"],
-    [data-testid="file"] p {
-        display: none !important;
+    /* Make the container compact */
+    .file-upload [data-testid="block"] {
+        margin: 0 !important;
+        padding: 0 !important;
     }
     """
     
@@ -857,7 +854,7 @@ def create_interface():
                     file_upload = gr.File(
                         file_types=["image", "pdf", "doc", "docx"],
                         type="binary",
-                        label="",
+                        label="Upload Document",
                         elem_classes=["file-upload"]
                     )