Update app.py
Browse files
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:
|
628 |
-
padding: 0;
|
629 |
-
margin: 0 auto;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
630 |
text-align: center;
|
631 |
}
|
632 |
|
633 |
#logo-image {
|
634 |
-
width: 150px; /*
|
635 |
height: auto;
|
636 |
display: block;
|
637 |
-
margin: 0 auto;
|
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;
|