haepada commited on
Commit
bc5ef7a
·
verified ·
1 Parent(s): 0b26e5f

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +22 -6
app.py CHANGED
@@ -592,6 +592,9 @@ def create_interface():
592
  .container { padding: 10px !important; }
593
  .gradio-button { width: 100% !important; }
594
  #main-image { width: 100% !important; height: auto !important; } /* Full width on mobile */
 
 
 
595
  }
596
  .gradio-button {
597
  width: 100% !important;
@@ -617,6 +620,12 @@ def create_interface():
617
  .gradio-button:active {
618
  transform: scale(0.98);
619
  }
 
 
 
 
 
 
620
  #intro-section {
621
  text-align: center;
622
  padding: 0;
@@ -624,19 +633,26 @@ def create_interface():
624
  }
625
  /* 로고 이미지 스타일 */
626
  #logo-container {
627
- background: none; /* Remove any background color */
628
- padding: 0; /* Remove padding around the logo */
629
- margin: 0 auto; /* Center the logo with no extra space */
 
 
 
 
 
 
 
630
  text-align: center;
631
  }
632
 
633
  #logo-image {
634
- width: 150px; /* Adjust as necessary */
635
  height: auto;
636
  display: block;
637
- margin: 0 auto; /* Ensure the image is centered */
638
  }
639
-
640
  .main-image-container {
641
  background: none; /* Remove any background color */
642
  text-align: center;
 
592
  .container { padding: 10px !important; }
593
  .gradio-button { width: 100% !important; }
594
  #main-image { width: 100% !important; height: auto !important; } /* Full width on mobile */
595
+ #logo-image {
596
+ width: 75px; /* 50% of the desktop size for mobile */
597
+ height: auto;
598
  }
599
  .gradio-button {
600
  width: 100% !important;
 
620
  .gradio-button:active {
621
  transform: scale(0.98);
622
  }
623
+ .gradio-header, .tabs-header, .gradio-container {
624
+ background: transparent !important;
625
+ border: none !important;
626
+ box-shadow: none !important;
627
+ }
628
+
629
  #intro-section {
630
  text-align: center;
631
  padding: 0;
 
633
  }
634
  /* 로고 이미지 스타일 */
635
  #logo-container {
636
+ background: transparent !important; /* Force transparent background */
637
+ padding: 0;
638
+ margin: 0 auto;
639
+ text-align: center;
640
+ }
641
+
642
+ #logo-container {
643
+ background: transparent !important; /* Force transparent background */
644
+ padding: 0;
645
+ margin: 0 auto;
646
  text-align: center;
647
  }
648
 
649
  #logo-image {
650
+ width: 150px; /* Desktop size */
651
  height: auto;
652
  display: block;
653
+ margin: 0 auto;
654
  }
655
+
656
  .main-image-container {
657
  background: none; /* Remove any background color */
658
  text-align: center;