Simplify Gradio app layout and remove custom theme

- Removed custom Gradio theme configuration
- Simplified row and column layouts
- Streamlined filter control and image display components
- Removed unnecessary styling and height constraints
- Maintained core application functionality

app.py

@@ -6,21 +6,7 @@ from filters import *
 from components import create_filter_controls
 
 def create_app():
-    # Định nghĩa theme tùy chỉnh
-    theme = gr.themes.Soft(
-        primary_hue="indigo",
-        secondary_hue="slate",
-    ).set(
-        body_background_fill="*background_fill_secondary",
-        block_background_fill="*background_fill_primary",
-        block_border_width="0",
-        block_shadow="*shadow_drop_lg",
-        button_primary_background_fill="*primary_500",
-        button_primary_background_fill_hover="*primary_600",
-        button_primary_text_color="white",
-    )
-
-    with gr.Blocks(theme=theme) as app:
+    with gr.Blocks() as app:
         gr.Markdown("""
         # 📷 Photo Filter App
         ### Chỉnh sửa ảnh với các bộ lọc chuyên nghiệp
@@ -31,46 +17,31 @@ def create_app():
         filter_names = list(registry.filters.keys())
         filter_groups = controls
 
-        with gr.Row(equal_height=True):
-            with gr.Column(scale=1):
+        with gr.Row():
+            with gr.Column():
                 input_image = gr.Image(
                     label="Ảnh gốc",
-                    type="numpy",
-                    height=400
+                    type="numpy"
                 )
                 
-                with gr.Row():
-                    filter_select = gr.Dropdown(
-                        label="Chọn bộ lọc",
-                        choices=filter_names,
-                        value="Original",
-                        container=False
-                    )
-                    apply_button = gr.Button(
-                        "Áp dụng",
-                        variant="primary",
-                        size="sm"
-                    )
-
-                # Tạo container cho các điều khiển
-                with gr.Box():
-                    gr.Markdown("### Tùy chỉnh bộ lọc")
-                    control_components = []
-                    for filter_name, group in filter_groups.items():
-                        for component in group.children:
-                            control_components.append(component)
-                
-                filter_doc = gr.Markdown(
-                    container=False,
-                    show_label=False
+                filter_select = gr.Dropdown(
+                    label="Chọn bộ lọc",
+                    choices=filter_names,
+                    value="Original"
                 )
+                
+                # Các điều khiển bộ lọc
+                control_components = []
+                for filter_name, group in filter_groups.items():
+                    for component in group.children:
+                        control_components.append(component)
+                
+                apply_button = gr.Button("Áp dụng bộ lọc")
+                filter_doc = gr.Markdown()
 
-            with gr.Column(scale=1):
-                output_image = gr.Image(
-                    label="Ảnh đã chỉnh sửa",
-                    height=400,
-                    show_download_button=True
-                )
+            with gr.Column():
+                output_image = gr.Image(label="Ảnh đã chỉnh sửa")
+                error_message = gr.Markdown(visible=False)
 
         # Xử lý cập nhật UI
         def update_controls(filter_name):
@@ -104,13 +75,6 @@ def create_app():
             except Exception as e:
                 return None, gr.update(visible=True, value=f"❌ Lỗi xử lý ảnh: {str(e)}")
 
-        # Thêm thông báo lỗi
-        error_message = gr.Markdown(
-            visible=False,
-            value="",
-            container=False
-        )
-
         # Kết nối sự kiện
         filter_select.change(
             update_controls,