Update app.py
Browse files
app.py
CHANGED
|
@@ -138,7 +138,6 @@ body {
|
|
| 138 |
border-radius: 16px !important;
|
| 139 |
margin: 20px 0 !important;
|
| 140 |
padding: 25px !important;
|
| 141 |
-
backdrop-filter: blur(10px) !important;
|
| 142 |
}
|
| 143 |
|
| 144 |
/* Input Components */
|
|
@@ -193,10 +192,11 @@ body {
|
|
| 193 |
box-shadow: 0 10px 25px rgba(0, 243, 255, 0.4) !important;
|
| 194 |
}
|
| 195 |
|
| 196 |
-
/* Image Slider */
|
| 197 |
-
.
|
| 198 |
border: 2px solid rgba(0, 243, 255, 0.2) !important;
|
| 199 |
border-radius: 12px !important;
|
|
|
|
| 200 |
background: rgba(0, 0, 0, 0.2) !important;
|
| 201 |
}
|
| 202 |
|
|
@@ -314,12 +314,14 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Base(primary_hue="blue")) as demo
|
|
| 314 |
|
| 315 |
with gr.Column(scale=1):
|
| 316 |
gr.Markdown("### 🎯 PROCESSED RESULT")
|
| 317 |
-
|
| 318 |
-
|
| 319 |
-
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
|
|
|
|
|
|
|
| 323 |
|
| 324 |
process_btn1.click(
|
| 325 |
fn=fn,
|
|
@@ -345,12 +347,14 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Base(primary_hue="blue")) as demo
|
|
| 345 |
|
| 346 |
with gr.Column(scale=1):
|
| 347 |
gr.Markdown("### 🎯 PROCESSED RESULT")
|
| 348 |
-
|
| 349 |
-
|
| 350 |
-
|
| 351 |
-
|
| 352 |
-
|
| 353 |
-
|
|
|
|
|
|
|
| 354 |
|
| 355 |
process_btn2.click(
|
| 356 |
fn=fn,
|
|
|
|
| 138 |
border-radius: 16px !important;
|
| 139 |
margin: 20px 0 !important;
|
| 140 |
padding: 25px !important;
|
|
|
|
| 141 |
}
|
| 142 |
|
| 143 |
/* Input Components */
|
|
|
|
| 192 |
box-shadow: 0 10px 25px rgba(0, 243, 255, 0.4) !important;
|
| 193 |
}
|
| 194 |
|
| 195 |
+
/* Image Slider - Fixed Styling */
|
| 196 |
+
.image-slider-container {
|
| 197 |
border: 2px solid rgba(0, 243, 255, 0.2) !important;
|
| 198 |
border-radius: 12px !important;
|
| 199 |
+
padding: 10px !important;
|
| 200 |
background: rgba(0, 0, 0, 0.2) !important;
|
| 201 |
}
|
| 202 |
|
|
|
|
| 314 |
|
| 315 |
with gr.Column(scale=1):
|
| 316 |
gr.Markdown("### 🎯 PROCESSED RESULT")
|
| 317 |
+
with gr.Column(elem_classes="image-slider-container"):
|
| 318 |
+
slider1 = gr.ImageSlider(
|
| 319 |
+
label="Original vs Processed",
|
| 320 |
+
type="pil",
|
| 321 |
+
format="png",
|
| 322 |
+
height=350,
|
| 323 |
+
show_download_button=True
|
| 324 |
+
)
|
| 325 |
|
| 326 |
process_btn1.click(
|
| 327 |
fn=fn,
|
|
|
|
| 347 |
|
| 348 |
with gr.Column(scale=1):
|
| 349 |
gr.Markdown("### 🎯 PROCESSED RESULT")
|
| 350 |
+
with gr.Column(elem_classes="image-slider-container"):
|
| 351 |
+
slider2 = gr.ImageSlider(
|
| 352 |
+
label="Original vs Processed",
|
| 353 |
+
type="pil",
|
| 354 |
+
format="png",
|
| 355 |
+
height=350,
|
| 356 |
+
show_download_button=True
|
| 357 |
+
)
|
| 358 |
|
| 359 |
process_btn2.click(
|
| 360 |
fn=fn,
|