Update app.py

app.py

@@ -116,16 +116,11 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: 700;
     color: #FFFFFF;
 }
-/* Лоадер внутри кнопки */
-.generate-button {
-    background-color: #191a1e !important; /* Цвет кнопки */
+/* Стили для элемента загрузки изображения */
+.custom-upload {
+    background-color: #191a1e !important; /* Фон для загрузки изображения */
+    border: 1px solid #FFFFFF !important; /* Белая граница */
     color: #FFFFFF !important; /* Цвет текста */
-    border: none;
-    font-weight: bold;
-    position: relative; /* Для вложения лоадера */
-    display: flex;
-    align-items: center;
-    justify-content: center;
 }
 
 /* Лоадер с пульсацией и вращением */
@@ -137,8 +132,8 @@ h1, h2, h3, h4, h5, h6 {
     transform: translate(-50%, -50%);
     width: 30px;
     height: 30px;
-    border: 4px solid rgba(25, 26, 30, 0.3); /* Полупрозрачная обводка */
-    border-top: 4px solid #FFFFFF; /* Основной цвет лоадера */
+    border: 4px solid rgba(82, 113, 255, 0.3); /* Полупрозрачная обводка */
+    border-top: 4px solid #5271FF; /* Основной цвет лоадера */
     border-radius: 50%;
     animation: spin 1s linear infinite, pulse 1.5s ease-in-out infinite;
 }
@@ -182,6 +177,7 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
                 type="pil",
                 width=400,
                 height=300,
+                elem_classes="custom-upload"  # Уникальный класс для стиля
             )
             processed_image = gr.Image(
                 label="Processed Image",