Update app.py

app.py

@@ -580,27 +580,24 @@ css = '''
 #random_btn{font-size: 300%}
 #component-11{align-self: stretch;}
 
-/* 갤러리 메인 컨테이너 */
 #lora_gallery {
     margin: 20px 0;
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 12px;
     background: linear-gradient(to bottom right, #ffffff, #f8f9fa);
-    width: 100vw !important;
-    max-width: 100% !important;
+    width: 100% !important;
     height: 800px !important;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     display: block !important;
-    overflow: hidden;
 }
 
 /* 갤러리 그리드 컨테이너 */
 #gallery {
     display: grid !important;
-    grid-template-columns: repeat(6, 1fr) !important;
-    gap: 15px !important;
-    padding: 15px !important;
+    grid-template-columns: repeat(10, 1fr) !important;
+    gap: 10px !important;
+    padding: 10px !important;
     width: 100% !important;
     height: 100% !important;
     overflow-y: auto !important;
@@ -627,19 +624,11 @@ css = '''
     border-radius: 12px !important;
 }
 
-/* Gradio 컨테이너 설정 */
-.gradio-container {
-    width: 100% !important;
-    max-width: 100% !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-
 /* 갤러리 그리드 래퍼 */
 .wrap, .svelte-w6dy5e {
     display: grid !important;
-    grid-template-columns: repeat(6, 1fr) !important;
-    gap: 15px !important;
+    grid-template-columns: repeat(10, 1fr) !important;  /* 10개로 통일 */
+    gap: 10px !important;
     width: 100% !important;
     max-width: 100% !important;
 }
@@ -740,11 +729,12 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
         갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행  
         """
     )
+
     with gr.Row(elem_id="lora_gallery", equal_height=True):
         gallery = gr.Gallery(
             value=[(item["image"], item["title"]) for item in loras],
             label="LoRA Explorer Gallery",
-            columns=6,
+            columns=10,  # 10개로 변경
             elem_id="gallery",
             height=800,
             object_fit="cover",
@@ -752,11 +742,9 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
             allow_preview=False,
             show_share_button=False,
             container=True,
-            preview=False,
-            scale=1,
-            min_width=1200,
-            elem_classes=["gallery-container"]  # CSS 클래스 추가
-        )
+            preview=False
+        )    
+