Update app.py

app.py

@@ -550,48 +550,58 @@ css = '''
     border: 1px solid #ddd;
     border-radius: 8px;
     background: white;
-    height: 800px;
-    overflow: auto;
+    width: 100% !important;
+    height: 800px !important;
 }
 
 #gallery {
-    height: 100% !important;
-    overflow-y: auto !important;
-    overflow-x: hidden !important;
     display: grid !important;
     grid-template-columns: repeat(6, 1fr) !important;
     gap: 10px !important;
     padding: 10px !important;
-}
-
-.gallery-container {
+    width: 100% !important;
     height: 100% !important;
-    overflow: visible !important;
+    overflow-y: auto !important;
 }
 
 .gallery-item {
     width: 100% !important;
-    aspect-ratio: 1 !important;
+    height: 200px !important;
     margin: 0 !important;
-    transition: transform 0.2s;
+    padding: 5px !important;
+    box-sizing: border-box !important;
 }
 
 .gallery-item img {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
+    border-radius: 4px !important;
 }
 
 .gallery-item:hover {
     transform: scale(1.05);
     z-index: 1;
+    transition: transform 0.2s ease;
+}
+
+/* 갤러리 컨테이너 강제 너비 설정 */
+.gradio-container {
+    width: 100% !important;
+    max-width: none !important;
+}
+
+/* 행 강제 너비 설정 */
+.row {
+    width: 100% !important;
+    margin: 0 !important;
 }
 
 #footer {visibility: hidden;}
 '''
 
 
-with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as app:
+with gr.Blocks(css=css, delete_cache=(60, 3600)) as app:
     loras_state = gr.State(loras)
     selected_indices = gr.State([])
 
@@ -602,21 +612,25 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as a
         갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행  
         """
     )
+
 # Gallery 컴포넌트 수정
-    with gr.Row(elem_id="lora_gallery"):
+    with gr.Row(elem_id="lora_gallery", equal_height=True):
         gallery = gr.Gallery(
-            [(item["image"], item["title"]) for item in loras],
+            value=[(item["image"], item["title"]) for item in loras],
             label="LoRA Explorer Gallery",
-            allow_preview=False,
             columns=6,
+            rows=None,  # 자동으로 행 수 조정
             elem_id="gallery",
             height=800,
-            object_fit="contain",
-            preview=False,
+            object_fit="cover",
             show_label=True,
-            elem_classes=["gallery-container"]
-        )
-    
+            allow_preview=False,
+            show_share_button=False,
+            container=True,
+            scale=1,
+            min_width=1200  # 최소 너비 설정
+        )    
+
 
         
     with gr.Tab(label="Generate"):