haepada commited on
Commit
3010d56
·
verified ·
1 Parent(s): 1f57d57

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +10 -10
app.py CHANGED
@@ -590,11 +590,11 @@ def create_interface():
590
  css = """
591
  /* 모바일 뷰 */
592
  @media (max-width: 600px) {
593
- #logo-container {
594
  padding: 20px 10px !important;
595
  width: 100% !important;
596
  }
597
- #logo-image {
598
  content: url('/static/DIGITAL_GUTPAN_LOGO_m.png') !important;
599
  width: 100% !important;
600
  height: auto !important;
@@ -612,13 +612,13 @@ def create_interface():
612
 
613
  /* 데스크톱 뷰 */
614
  @media (min-width: 601px) {
615
- #logo-container {
616
  padding: 20px 0;
617
  width: 100%;
618
  max-width: 800px;
619
  margin: 0 auto;
620
  }
621
- #logo-image {
622
  content: url('/static/DIGITAL_GUTPAN_LOGO_w.png');
623
  width: 100%;
624
  height: auto;
@@ -629,13 +629,13 @@ def create_interface():
629
  }
630
 
631
  /* 공통 스타일 */
632
- #logo-container {
633
  background: transparent !important;
634
  text-align: center;
635
  margin-bottom: 20px;
636
  }
637
 
638
- #logo-image img {
639
  width: 100% !important;
640
  height: auto !important;
641
  object-fit: contain !important;
@@ -656,14 +656,14 @@ def create_interface():
656
  with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
657
  state = gr.State(value=initial_state)
658
 
659
- with gr.Box(elem_id="logo-container"):
660
  gr.Image(
661
  value="/static/DIGITAL_GUTPAN_LOGO_w.png",
662
  show_label=False,
663
  interactive=False,
664
- elem_id="logo-image",
665
- scale=1, # 스케일 값 추가
666
- width="100%" # 너비 100% 설정
667
  )
668
 
669
  gr.Markdown("""
 
590
  css = """
591
  /* 모바일 뷰 */
592
  @media (max-width: 600px) {
593
+ .logo-container {
594
  padding: 20px 10px !important;
595
  width: 100% !important;
596
  }
597
+ .logo-image {
598
  content: url('/static/DIGITAL_GUTPAN_LOGO_m.png') !important;
599
  width: 100% !important;
600
  height: auto !important;
 
612
 
613
  /* 데스크톱 뷰 */
614
  @media (min-width: 601px) {
615
+ .logo-container {
616
  padding: 20px 0;
617
  width: 100%;
618
  max-width: 800px;
619
  margin: 0 auto;
620
  }
621
+ .logo-image {
622
  content: url('/static/DIGITAL_GUTPAN_LOGO_w.png');
623
  width: 100%;
624
  height: auto;
 
629
  }
630
 
631
  /* 공통 스타일 */
632
+ .logo-container {
633
  background: transparent !important;
634
  text-align: center;
635
  margin-bottom: 20px;
636
  }
637
 
638
+ .logo-image img {
639
  width: 100% !important;
640
  height: auto !important;
641
  object-fit: contain !important;
 
656
  with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
657
  state = gr.State(value=initial_state)
658
 
659
+ with gr.Column(elem_classes="logo-container"):
660
  gr.Image(
661
  value="/static/DIGITAL_GUTPAN_LOGO_w.png",
662
  show_label=False,
663
  interactive=False,
664
+ elem_classes="logo-image",
665
+ scale=1,
666
+ width="100%"
667
  )
668
 
669
  gr.Markdown("""