Update app.py
Browse files
app.py
CHANGED
@@ -590,11 +590,11 @@ def create_interface():
|
|
590 |
css = """
|
591 |
/* 모바일 뷰 */
|
592 |
@media (max-width: 600px) {
|
593 |
-
|
594 |
padding: 20px 10px !important;
|
595 |
width: 100% !important;
|
596 |
}
|
597 |
-
|
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 |
-
|
616 |
padding: 20px 0;
|
617 |
width: 100%;
|
618 |
max-width: 800px;
|
619 |
margin: 0 auto;
|
620 |
}
|
621 |
-
|
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 |
-
|
633 |
background: transparent !important;
|
634 |
text-align: center;
|
635 |
margin-bottom: 20px;
|
636 |
}
|
637 |
|
638 |
-
|
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.
|
660 |
gr.Image(
|
661 |
value="/static/DIGITAL_GUTPAN_LOGO_w.png",
|
662 |
show_label=False,
|
663 |
interactive=False,
|
664 |
-
|
665 |
-
scale=1,
|
666 |
-
width="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("""
|