Update app.py

app.py

@@ -780,46 +780,49 @@ def create_interface():
         color: white !important;
     }
     
-    /* Style the file upload to be more compact */
-    .file-upload {
-        width: 150px !important;
+    /* Target the file component container */
+    [data-testid="file"] {
         margin-left: 15px !important;
+        width: 150px !important;
     }
     
-    /* 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 {
+    /* Hide the File label */
+    [data-testid="file"] > label {
         display: none !important;
     }
     
-    /* Style the upload button */
-    .file-upload button {
+    /* Style the drop zone to look like a button */
+    [data-testid="file"] [data-testid="drop-region"] {
         height: 40px !important;
-        width: 100% !important;
+        min-height: 40px !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 the "or" text */
-    .file-upload .or {
+    /* Hide all elements inside except our custom text */
+    [data-testid="file"] [data-testid="drop-region"] > * {
         display: none !important;
     }
     
-    /* Make the container compact */
-    .file-upload [data-testid="block"] {
-        margin: 0 !important;
-        padding: 0 !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;
     }
     """