Update app.py

app.py

@@ -65,7 +65,6 @@ footer {display: none !important}
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
-/* 갤러리 컨테이너 CSS 수정 */
 .gallery-container {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
@@ -74,7 +73,6 @@ footer {display: none !important}
     background: rgba(255, 255, 255, 0.05);
     border-radius: 8px;
     margin-top: 10px;
-    width: 100%;
 }
 .gallery-image {
     width: 100%;
@@ -86,10 +84,27 @@ footer {display: none !important}
 .gallery-image:hover {
     transform: scale(1.05);
 }
-/* 갤러리와 출력 이미지 컨테이너 너비 통일 */
+/* 갤러리와 이미지 출력 컨테이너 너비 통일을 위한 추가 CSS */
 .output-image, #gallery {
     width: 100% !important;
 }
+.container, .content {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+/* 갤러리 컴포넌트 자체의 너비 조절 */
+.gallery-item {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+.gallery-item > div {
+    width: 100% !important;
+}
+/* 이미지 컨테이너 강제 너비 설정 */
+.fixed-width {
+    width: 100% !important;
+    max-width: none !important;
+}
 """
 
 def save_image(image):
@@ -200,12 +215,16 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                     </div>
                 </div>
             """)
-            
-        with gr.Column(scale=4):
-        # Current generated image
-            output = gr.Image(label="Generated Image", elem_id="output-image", elem_classes=["output-image"])
+
+        with gr.Column(scale=4, elem_classes=["fixed-width"]):
+    # Current generated image
+            output = gr.Image(
+                label="Generated Image",
+                elem_id="output-image",
+                elem_classes=["output-image", "fixed-width"]
+            )
     
-        # Gallery of generated images
+    # Gallery of generated images
             gallery = gr.Gallery(
                 label="Generated Images Gallery",
                 show_label=True,
@@ -214,9 +233,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 rows=[2],
                 height="auto",
                 object_fit="contain",
-                elem_classes=["gallery-container"]
-            )    
-                
+                elem_classes=["gallery-container", "fixed-width"]
+            )
 
             
             # Load existing gallery images on startup