Update app.py

app.py

@@ -550,24 +550,43 @@ css = '''
     border: 1px solid #ddd;
     border-radius: 8px;
     background: white;
+    height: 800px;
+    overflow: auto;
 }
 
 #gallery {
-    overflow-y: auto;
-    overflow-x: hidden;
+    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 {
+    height: 100% !important;
+    overflow: visible !important;
 }
 
 .gallery-item {
-    width: calc(16.666% - 10px);
-    margin: 5px;
+    width: 100% !important;
+    aspect-ratio: 1 !important;
+    margin: 0 !important;
     transition: transform 0.2s;
 }
 
+.gallery-item img {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: cover !important;
+}
+
 .gallery-item:hover {
     transform: scale(1.05);
+    z-index: 1;
 }
 
-
 #footer {visibility: hidden;}
 '''
 
@@ -585,8 +604,7 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as a
         3) Generate 버튼 실행  
         """
     )
-
-    # Gallery를 상단으로 이동
+# Gallery 컴포넌트 수정
     with gr.Row(elem_id="lora_gallery"):
         gallery = gr.Gallery(
             [(item["image"], item["title"]) for item in loras],
@@ -594,9 +612,14 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as a
             allow_preview=False,
             columns=6,
             elem_id="gallery",
-            height=800,  # 높이를 800으로 설정
-            object_fit="contain"
+            height=800,
+            object_fit="contain",
+            preview=False,
+            show_label=True,
+            elem_classes=["gallery-container"]
         )
+    
+
         
     with gr.Tab(label="Generate"):
         # Prompt and Generate Button