GChilukala commited on
Commit
e4aa947
·
verified ·
1 Parent(s): 672bd46

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +52 -0
app.py CHANGED
@@ -1323,6 +1323,58 @@ def create_gradio_app():
1323
  position: relative !important;
1324
  }
1325
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1326
  .gradio-button-primary {
1327
  background: linear-gradient(45deg, #ff6b6b, #ee5a24, #ff9ff3, #54a0ff) !important;
1328
  border: none !important;
 
1323
  position: relative !important;
1324
  }
1325
 
1326
+ /* INCREASE UPLOAD CONTAINER HEIGHT */
1327
+ .gradio-file {
1328
+ height: 300px !important; /* Increase from default ~150px to 300px */
1329
+ }
1330
+
1331
+ .gradio-file .wrap {
1332
+ height: 300px !important;
1333
+ min-height: 300px !important;
1334
+ }
1335
+
1336
+ .gradio-file .file-wrap {
1337
+ height: 300px !important;
1338
+ min-height: 300px !important;
1339
+ }
1340
+
1341
+ .gradio-file .upload-container {
1342
+ height: 300px !important;
1343
+ min-height: 300px !important;
1344
+ display: flex !important;
1345
+ align-items: center !important;
1346
+ justify-content: center !important;
1347
+ }
1348
+
1349
+ /* Style the upload area */
1350
+ .gradio-file .drop_zone {
1351
+ height: 280px !important;
1352
+ min-height: 280px !important;
1353
+ border: 2px dashed rgba(255, 255, 255, 0.4) !important;
1354
+ border-radius: 15px !important;
1355
+ background: rgba(255, 255, 255, 0.05) !important;
1356
+ display: flex !important;
1357
+ flex-direction: column !important;
1358
+ align-items: center !important;
1359
+ justify-content: center !important;
1360
+ transition: all 0.3s ease !important;
1361
+ }
1362
+
1363
+ .gradio-file .drop_zone:hover {
1364
+ border-color: rgba(255, 255, 255, 0.6) !important;
1365
+ background: rgba(255, 255, 255, 0.1) !important;
1366
+ transform: translateY(-2px) !important;
1367
+ }
1368
+
1369
+ /* Upload text styling */
1370
+ .gradio-file .drop_zone .upload-text {
1371
+ color: rgba(255, 255, 255, 0.8) !important;
1372
+ font-size: 16px !important;
1373
+ font-weight: 500 !important;
1374
+ text-align: center !important;
1375
+ margin: 10px 0 !important;
1376
+ }
1377
+
1378
  .gradio-button-primary {
1379
  background: linear-gradient(45deg, #ff6b6b, #ee5a24, #ff9ff3, #54a0ff) !important;
1380
  border: none !important;