Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
@@ -580,27 +580,24 @@ css = '''
|
|
580 |
#random_btn{font-size: 300%}
|
581 |
#component-11{align-self: stretch;}
|
582 |
|
583 |
-
/* 갤러리 메인 컨테이너 */
|
584 |
#lora_gallery {
|
585 |
margin: 20px 0;
|
586 |
padding: 10px;
|
587 |
border: 1px solid #ddd;
|
588 |
border-radius: 12px;
|
589 |
background: linear-gradient(to bottom right, #ffffff, #f8f9fa);
|
590 |
-
width:
|
591 |
-
max-width: 100% !important;
|
592 |
height: 800px !important;
|
593 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
594 |
display: block !important;
|
595 |
-
overflow: hidden;
|
596 |
}
|
597 |
|
598 |
/* 갤러리 그리드 컨테이너 */
|
599 |
#gallery {
|
600 |
display: grid !important;
|
601 |
-
grid-template-columns: repeat(
|
602 |
-
gap:
|
603 |
-
padding:
|
604 |
width: 100% !important;
|
605 |
height: 100% !important;
|
606 |
overflow-y: auto !important;
|
@@ -627,19 +624,11 @@ css = '''
|
|
627 |
border-radius: 12px !important;
|
628 |
}
|
629 |
|
630 |
-
/* Gradio 컨테이너 설정 */
|
631 |
-
.gradio-container {
|
632 |
-
width: 100% !important;
|
633 |
-
max-width: 100% !important;
|
634 |
-
margin: 0 !important;
|
635 |
-
padding: 0 !important;
|
636 |
-
}
|
637 |
-
|
638 |
/* 갤러리 그리드 래퍼 */
|
639 |
.wrap, .svelte-w6dy5e {
|
640 |
display: grid !important;
|
641 |
-
grid-template-columns: repeat(
|
642 |
-
gap:
|
643 |
width: 100% !important;
|
644 |
max-width: 100% !important;
|
645 |
}
|
@@ -740,11 +729,12 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
|
|
740 |
갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행
|
741 |
"""
|
742 |
)
|
|
|
743 |
with gr.Row(elem_id="lora_gallery", equal_height=True):
|
744 |
gallery = gr.Gallery(
|
745 |
value=[(item["image"], item["title"]) for item in loras],
|
746 |
label="LoRA Explorer Gallery",
|
747 |
-
columns=
|
748 |
elem_id="gallery",
|
749 |
height=800,
|
750 |
object_fit="cover",
|
@@ -752,11 +742,9 @@ with gr.Blocks(theme=custom_theme, css=css, delete_cache=(60, 3600)) as app:
|
|
752 |
allow_preview=False,
|
753 |
show_share_button=False,
|
754 |
container=True,
|
755 |
-
preview=False
|
756 |
-
|
757 |
-
|
758 |
-
elem_classes=["gallery-container"] # CSS 클래스 추가
|
759 |
-
)
|
760 |
|
761 |
|
762 |
|
|
|
580 |
#random_btn{font-size: 300%}
|
581 |
#component-11{align-self: stretch;}
|
582 |
|
|
|
583 |
#lora_gallery {
|
584 |
margin: 20px 0;
|
585 |
padding: 10px;
|
586 |
border: 1px solid #ddd;
|
587 |
border-radius: 12px;
|
588 |
background: linear-gradient(to bottom right, #ffffff, #f8f9fa);
|
589 |
+
width: 100% !important;
|
|
|
590 |
height: 800px !important;
|
591 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
592 |
display: block !important;
|
|
|
593 |
}
|
594 |
|
595 |
/* 갤러리 그리드 컨테이너 */
|
596 |
#gallery {
|
597 |
display: grid !important;
|
598 |
+
grid-template-columns: repeat(10, 1fr) !important;
|
599 |
+
gap: 10px !important;
|
600 |
+
padding: 10px !important;
|
601 |
width: 100% !important;
|
602 |
height: 100% !important;
|
603 |
overflow-y: auto !important;
|
|
|
624 |
border-radius: 12px !important;
|
625 |
}
|
626 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
627 |
/* 갤러리 그리드 래퍼 */
|
628 |
.wrap, .svelte-w6dy5e {
|
629 |
display: grid !important;
|
630 |
+
grid-template-columns: repeat(10, 1fr) !important; /* 10개로 통일 */
|
631 |
+
gap: 10px !important;
|
632 |
width: 100% !important;
|
633 |
max-width: 100% !important;
|
634 |
}
|
|
|
729 |
갤러리에서 원하는 모델을 선택(최대 3개까지) < 프롬프트에 한글 또는 영문으로 원하는 내용을 입력 < Generate 버튼 실행
|
730 |
"""
|
731 |
)
|
732 |
+
|
733 |
with gr.Row(elem_id="lora_gallery", equal_height=True):
|
734 |
gallery = gr.Gallery(
|
735 |
value=[(item["image"], item["title"]) for item in loras],
|
736 |
label="LoRA Explorer Gallery",
|
737 |
+
columns=10, # 10개로 변경
|
738 |
elem_id="gallery",
|
739 |
height=800,
|
740 |
object_fit="cover",
|
|
|
742 |
allow_preview=False,
|
743 |
show_share_button=False,
|
744 |
container=True,
|
745 |
+
preview=False
|
746 |
+
)
|
747 |
+
|
|
|
|
|
748 |
|
749 |
|
750 |
|