Update app.py
Browse files
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;
|