openfree commited on
Commit
1c08ce3
·
verified ·
1 Parent(s): b3f3689

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +11 -23
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: 100vw !important;
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(6, 1fr) !important;
602
- gap: 15px !important;
603
- padding: 15px !important;
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(6, 1fr) !important;
642
- gap: 15px !important;
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=6,
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
- scale=1,
757
- min_width=1200,
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