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;
|