Update app.py

app.py

@@ -84,6 +84,11 @@ def html(cards, pg, total):
         overflow: hidden;
     }
     .container {
+        position: fixed; /* Changed from relative to fixed */
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
         display: flex;
         flex-direction: column;
         width: 100%;
@@ -98,8 +103,8 @@ def html(cards, pg, total):
         grid-template-rows: repeat(3, 1fr);
         gap: 12px;
         width: 100%;
-        flex: 1;
-        margin-bottom: 60px; /* 버튼을 위한 공간 */
+        height: calc(100vh - 70px); /* Fixed height calculation */
+        overflow: hidden;
     }
     .card {
         background: #fff;
@@ -109,6 +114,7 @@ def html(cards, pg, total):
         display: flex;
         flex-direction: column;
         height: 100%;
+        max-height: 100%; /* Prevent expansion */
     }
     .hdr {
         padding: 8px 12px;
@@ -134,6 +140,7 @@ def html(cards, pg, total):
     .frame {
         flex: 1;
         position: relative;
+        overflow: hidden; /* Prevent content overflow */
     }
     .frame iframe {
         position: absolute;
@@ -217,7 +224,16 @@ def html(cards, pg, total):
 def build():
     _init_best()
     with gr.Blocks(title="Vibe Game Craft", css="""
+        /* Fix container sizing and prevent scrolling */
+        html, body, .gradio-container {
+            height: 100vh !important;
+            overflow: hidden !important;
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        
         footer {display: none !important;}
+        
         .button-row {
             position: fixed !important;
             bottom: 0 !important;
@@ -230,6 +246,7 @@ def build():
             margin: 0 !important;
             z-index: 1000 !important;
         }
+        
         .button-row button {
             margin: 0 10px !important;
             padding: 10px 20px !important;
@@ -237,9 +254,10 @@ def build():
             font-weight: bold !important;
             border-radius: 50px !important;
         }
-        body {
-            margin: 0 !important;
-            padding: 0 !important;
+        
+        /* Fix component height */
+        #component-0 {
+            height: calc(100vh - 60px) !important;
             overflow: hidden !important;
         }
     """) as demo: