Update app.py

app.py

@@ -30,7 +30,7 @@ html_content = """
             margin: 0;
             padding: 20px;
             user-select: none;
-            overflow-y: auto;
+            overflow-y: auto; /* Скролл внутри iframe, если контент не влазит */
         }
 
         h1 { margin-bottom: 10px; font-weight: 900; }
@@ -40,6 +40,7 @@ html_content = """
             gap: 30px;
             flex-wrap: wrap;
             justify-content: center;
+            padding-bottom: 50px; /* Отступ снизу для удобства */
         }
 
         .preview-area {
@@ -760,22 +761,26 @@ html_content = """
 """
 
 def create_app():
-    # Изолируем HTML через iframe, закодировав в Base64.
-    # Это решает все конфликты CSS и JS.
+    # Кодируем HTML в base64
     encoded_html = base64.b64encode(html_content.encode('utf-8')).decode('utf-8')
-    iframe_html = f'<iframe src="data:text/html;base64,{encoded_html}" style="width:100%; height:100vh; border:none; display:block;"></iframe>'
     
-    # Стили для самого Gradio контейнера (чтобы убрать отступы и футер)
-    # Вставляем их через gr.HTML, так как аргумент css= в gr.Blocks может не работать
+    # КЛЮЧЕВОЕ ИЗМЕНЕНИЕ: position: fixed.
+    # Это вырывает iframe из потока документа Gradio, предотвращая бесконечное расширение.
+    # top: 0, left: 0, width: 100%, height: 100% заставляет его занять всё окно браузера.
+    iframe_html = f'''
+    <iframe src="data:text/html;base64,{encoded_html}" 
+            style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 9999;">
+    </iframe>'''
+    
+    # Стили для подавления самого интерфейса Gradio под нашим iframe
     global_css = """
     <style>
-        footer {visibility: hidden !important;}
-        .gradio-container {padding: 0 !important; margin: 0 !important; max-width: 100% !important;}
-        #component-0 {height: 100vh !important; border: none !important;}
+        footer {display: none !important;}
+        body {overflow: hidden !important;} 
+        .gradio-container {min-height: 0 !important; overflow: hidden !important;}
     </style>
     """
 
-    # Убрали аргумент css=, чтобы не вызывать ошибку версии
     with gr.Blocks(title="Swaga Icon Maker") as demo:
         gr.HTML(global_css)
         gr.HTML(iframe_html)