Update app.py

app.py

@@ -94,20 +94,21 @@ body {
     border: none !important;
 }
 #example_img .hide-container{
-  height:80px;
+  height:100%; 
   width:50px;
   transition: transform 0.5s ease;
 }
 #example_img{
-  width:100%;
+  width:50px;
+  height:100%;
 }
 #example_img img{
-  height:80px;
+  height:50px;
   width:50px;
   transition: transform 0.5s ease;
 }
 #example_img .container{
-  height:80px;
+  height:50px;
   width:50px;
   transition: transform 0.5s ease;
 }
@@ -115,12 +116,15 @@ footer {display: none !important;}
 """
     
 with gr.Blocks(css=css) as demo:
-    height=320
+    width=240
+    height=340
+
     with gr.Row():
-        with gr.Column(scale=1):  # Adjust scale for proper sizing
-            image_input = gr.Image(type="numpy", label="Upload Image", height=height)
-            gr.Examples(examples=examples, inputs=image_input, examples_per_page=5, elem_id="example_img")
-            process_button = gr.Button("Nude!")
+      with gr.Column(min_width=240,scale=3):  # Adjust scale for proper sizing
+          image_input = gr.Image(type="numpy", label="Upload Image", height=height)
+      with gr.Column(scale=1,min_width=50):
+        gr.Examples(examples=examples, inputs=image_input, examples_per_page=10, elem_id="example_img")
+    process_button = gr.Button("Nude!")
 
     def update_status(img):
         processed_img = inference(img)