Update app.py

app.py

@@ -545,23 +545,29 @@ css = '''
 #component-11{align-self: stretch;}
 
 #lora_gallery {
-    margin-top: 20px;
+    margin: 20px 0;
     padding: 10px;
-    border-top: 1px solid #ddd;
+    border: 1px solid #ddd;
+    border-radius: 8px;
     background: white;
 }
 
 #gallery {
-    min-height: 200px;
-    overflow-x: auto;
-    overflow-y: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
 
 .gallery-item {
     width: calc(16.666% - 10px);
     margin: 5px;
+    transition: transform 0.2s;
 }
 
+.gallery-item:hover {
+    transform: scale(1.05);
+}
+
+
 #footer {visibility: hidden;}
 '''
 
@@ -573,16 +579,25 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as a
     gr.Markdown(
         """
         # MixGen3: 멀티 Lora(이미지 학습) 통합 생성 모델
-        
         ### 사용 안내:
         1) 갤러리에서 원하는 모델을 선택(최대 3개까지)
         2) 프롬프트에 한글 또는 영문으로 원하는 내용을 입력
-        3) Generate 버튼 실행
-
-        ### Contacts: [email protected]        
+        3) Generate 버튼 실행  
         """
     )
-    
+
+    # Gallery를 상단으로 이동
+    with gr.Row(elem_id="lora_gallery"):
+        gallery = gr.Gallery(
+            [(item["image"], item["title"]) for item in loras],
+            label="LoRA Explorer Gallery",
+            allow_preview=False,
+            columns=6,
+            elem_id="gallery",
+            height=800,  # 높이를 800으로 설정
+            object_fit="contain"
+        )
+        
     with gr.Tab(label="Generate"):
         # Prompt and Generate Button
         with gr.Row():
@@ -666,17 +681,6 @@ with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, delete_cache=(60, 3600)) as a
                 remove_custom_lora_button = gr.Button("Remove Custom LoRA", visible=False)
                 gr.Markdown("[Check the list of FLUX LoRAs](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
 
-        # Gallery
-        with gr.Row(elem_id="lora_gallery"):
-            gallery = gr.Gallery(
-                [(item["image"], item["title"]) for item in loras],
-                label="LoRA Explorer Gallery",
-                allow_preview=False,
-                columns=6,
-                elem_id="gallery",
-                height="auto",
-                object_fit="contain"
-            )
 
         # Event Handlers
         gallery.select(