Update app.py

app.py

@@ -157,7 +157,25 @@ def apply_filter(filter_type, input_image=None):
         return apply_dilation_filter(frame)
 
 # Gradio arayüzü
-with gr.Blocks() as demo:
+with gr.Blocks(css="""
+        .gr-button {
+            width: 80px; /* Buton genişliği */
+            height: 30px; /* Buton yüksekliği */
+            font-size: 12px; /* Yazı boyutu */
+        }
+        .gr-image {
+            width: 400px; /* Sabit genişlik */
+            height: 300px; /* Sabit yükseklik */
+        }
+        #image-upload {
+            width: 400px; /* Sabit genişlik */
+            height: 300px; /* Sabit yükseklik */
+        }
+        #output-image {
+            width: 400px; /* Sabit genişlik */
+            height: 300px; /* Sabit yükseklik */
+        }
+    """) as demo:
     gr.Markdown("# Resim Filtreleme")
 
     # Filtre seçenekleri
@@ -169,11 +187,12 @@ with gr.Blocks() as demo:
         value="Gaussian Blur"
     )
 
-    # Görüntü yükleme alanı
-    input_image = gr.Image(label="Resim Yükle", type="numpy")
+    with gr.Row():
 
-    # Çıktı için görüntü
-    output_image = gr.Image(label="Filtre Uygulandı")
+        # Görüntü yükleme alanı
+        input_image = gr.Image(label="Resim Yükle", type="numpy")
+        # Çıktı için görüntü
+        output_image = gr.Image(label="Filtre Uygulandı")
 
     # Filtre uygula butonu
     apply_button = gr.Button("Filtreyi Uygula")