Update app.py

app.py

@@ -61,26 +61,14 @@ def generate(image):
 class CustomTheme(gr.themes.Base):
     def __init__(self):
         super().__init__()
-        self.primary_hue = "#191a1e"
+        self.primary_hue = "#5271FF"
         self.background_fill_primary = "#191a1e"
-        self.background_fill_secondary = "#191a1e"
-        self.background_fill_tertiary = "#191a1e"
         self.text_color_primary = "#FFFFFF"
-        self.text_color_secondary = "#FFFFFF"
-        self.text_color_tertiary = "#FFFFFF"
         self.input_background_fill = "#191a1e"
         self.input_text_color = "#FFFFFF"
 
 
 css = """
-/* Скрываем нижний колонтитул */
-footer {
-    visibility: hidden;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-}
 /* Лоадер */
 .loader-container {
     position: absolute;
@@ -109,6 +97,25 @@ footer {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
 }
+
+/* Кнопка Generate */
+.generate-button {
+    background-color: #5271FF !important;
+    color: #FFFFFF !important;
+    border: none;
+    font-weight: bold;
+    padding: 10px 20px;
+    border-radius: 5px;
+}
+.generate-button:hover {
+    background-color: #405BBF !important;
+}
+
+/* Верхние контейнеры */
+.gr-column .gr-box {
+    position: relative;
+    height: 300px;
+}
 """
 
 # Интерфейс
@@ -116,22 +123,18 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
     with gr.Column():
         gr.Markdown("<span style='color: white; font-weight: bold;'>Upload and Process Your Image</span>")
         with gr.Row():
-            with gr.Column():
+            with gr.Box():
                 input_image = gr.Image(
                     label="Upload Image",
                     image_mode="RGBA",
                     sources="upload",
                     type="pil",
-                    width=400,
-                    height=300,
                 )
                 gr.HTML("<div class='loader-container' id='loader-dropimage'><div id='loading-bar'></div></div>")
-            with gr.Column():
+            with gr.Box():
                 processed_image = gr.Image(
                     label="Processed Image",
                     interactive=False,
-                    width=400,
-                    height=300,
                 )
                 gr.HTML("<div class='loader-container' id='loader-processedimage'><div id='loading-bar'></div></div>")
         gr.HTML("<div class='loader-container' id='loader-glb'><div id='loading-bar'></div></div>")