Update app.py

app.py

@@ -1,54 +1,30 @@
 import gradio as gr
 
-html_code = """
-<div style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; flex-direction: column; z-index: 9999; background-color: #111827;">
-    
-    <div style="background-color: #ef4444; height: 45px; display: flex; justify-content: center; align-items: center; border-bottom: 2px solid #b91c1c; flex-shrink: 0;">
-        <span style="color: white; font-family: sans-serif; font-size: 14px; font-weight: bold; text-align: center; letter-spacing: 0.5px;">
-            ⚠️ NOTICE: Only Microsoft ID and standard Email logins are supported. Google API login cannot be used directly in this frame.
-        </span>
-    </div>
+def create_iframe(url):
+    return f"""
+    <iframe 
+        src="{url}" 
+        width="100%" 
+        height="1000px" 
+        style="border: none;"
+        allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr; wake-lock; xr-spatial-tracking"
+        sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads">
+    </iframe>
+    """
 
-    <div style="flex-grow: 1; width: 100%; position: relative;">
-        <iframe id="main-iframe" src="https://video.a2e.ai/?coupon=mQo4" 
-                style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" 
-                allow="autoplay; encrypted-media; fullscreen"
-                sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox">
-        </iframe>
-    </div>
+with gr.Blocks(fill_height=True) as demo:
+    with gr.Tabs():
+        with gr.Tab("FireRed 1.0 (macgaga)"):
+            gr.HTML(create_iframe("https://macgaga-firered-image-edit-1-0-fast.hf.space"))
+            
+        with gr.Tab("FireRed 1.0 (Svngoku)"):
+            gr.HTML(create_iframe("https://svngoku-firered-image-edit-1-0-fast.hf.space"))
+            
+        with gr.Tab("FireRed 1.1 (WarlordHermes)"):
+            gr.HTML(create_iframe("https://warlordhermes-firered-image-edit-1-1-fast.hf.space"))
 
-</div>
-"""
-
-custom_css = """
-/* Aggressively hide Gradio's default UI elements that cause stretching */
-footer {display: none !important;}
-body, html {
-    margin: 0 !important; 
-    padding: 0 !important; 
-    overflow: hidden !important;
-}
-.gradio-container {
-    padding: 0px !important; 
-    margin: 0px !important; 
-    max-width: 100% !important; 
-    width: 100% !important;
-    height: 100vh !important; 
-    overflow: hidden !important;
-    border: none !important;
-}
-#component-0, .contain, .wrap {
-    padding: 0 !important;
-    margin: 0 !important;
-    border: none !important;
-    box-shadow: none !important;
-    height: 100vh !important;
-    overflow: hidden !important;
-}
-"""
-
-with gr.Blocks(title="A2E Hub", css=custom_css) as app:
-    gr.HTML(html_code)
+        with gr.Tab("Bianji (fdsgsfjsfg)"):
+            gr.HTML(create_iframe("https://fdsgsfjsfg-bianji.hf.space"))
 
 if __name__ == "__main__":
-    app.launch()
+    demo.launch()