Jonny001 commited on
Commit
365c42a
·
verified ·
1 Parent(s): d399b09

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +19 -15
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
- .gr-image-slider {
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
- slider1 = gr.ImageSlider(
318
- label="Original vs Processed",
319
- type="pil",
320
- format="png",
321
- height=350
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
- slider2 = gr.ImageSlider(
349
- label="Original vs Processed",
350
- type="pil",
351
- format="png",
352
- height=350
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,