Update app.py
Browse files
app.py
CHANGED
|
@@ -709,6 +709,24 @@ def create_interface():
|
|
| 709 |
width: 100%;
|
| 710 |
max-width: 100%;
|
| 711 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 712 |
}
|
| 713 |
|
| 714 |
/* 데스크톱 뷰 (601px 이상) */
|
|
@@ -773,7 +791,7 @@ def create_interface():
|
|
| 773 |
}
|
| 774 |
.main-image-container {
|
| 775 |
width: 100%;
|
| 776 |
-
|
| 777 |
text-align: center;
|
| 778 |
}
|
| 779 |
|
|
@@ -800,7 +818,9 @@ def create_interface():
|
|
| 800 |
border-radius: 8px;
|
| 801 |
overflow: hidden;
|
| 802 |
}
|
| 803 |
-
|
|
|
|
|
|
|
| 804 |
/* 오디오 플레이어 컨테이너 */
|
| 805 |
.audio-player-container {
|
| 806 |
max-width: 800px;
|
|
@@ -824,7 +844,65 @@ def create_interface():
|
|
| 824 |
margin: 0 auto;
|
| 825 |
padding: 0 1rem;
|
| 826 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 827 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 828 |
/* 이미지 컨테이너 */
|
| 829 |
.gradio-image {
|
| 830 |
border-radius: 8px;
|
|
|
|
| 709 |
width: 100%;
|
| 710 |
max-width: 100%;
|
| 711 |
}
|
| 712 |
+
.gradio-container, .gradio-container *, body {
|
| 713 |
+
font-size: 17px !important;
|
| 714 |
+
}
|
| 715 |
+
|
| 716 |
+
.markdown-style h1,
|
| 717 |
+
.markdown-style h1 * {
|
| 718 |
+
font-size: 22px !important;
|
| 719 |
+
}
|
| 720 |
+
|
| 721 |
+
.markdown-style h2,
|
| 722 |
+
.markdown-style h2 * {
|
| 723 |
+
font-size: 20px !important;
|
| 724 |
+
}
|
| 725 |
+
|
| 726 |
+
.markdown-style h3,
|
| 727 |
+
.markdown-style h3 * {
|
| 728 |
+
font-size: 18px !important;
|
| 729 |
+
}
|
| 730 |
}
|
| 731 |
|
| 732 |
/* 데스크톱 뷰 (601px 이상) */
|
|
|
|
| 791 |
}
|
| 792 |
.main-image-container {
|
| 793 |
width: 100%;
|
| 794 |
+
margin: 0 auto 2rem auto;
|
| 795 |
text-align: center;
|
| 796 |
}
|
| 797 |
|
|
|
|
| 818 |
border-radius: 8px;
|
| 819 |
overflow: hidden;
|
| 820 |
}
|
| 821 |
+
.gradio-dataframe table {
|
| 822 |
+
font-size: 16px !important;
|
| 823 |
+
}
|
| 824 |
/* 오디오 플레이어 컨테이너 */
|
| 825 |
.audio-player-container {
|
| 826 |
max-width: 800px;
|
|
|
|
| 844 |
margin: 0 auto;
|
| 845 |
padding: 0 1rem;
|
| 846 |
}
|
| 847 |
+
|
| 848 |
+
/* 기본 텍스트 크기 증가 */
|
| 849 |
+
.gradio-container, .gradio-container *, body {
|
| 850 |
+
font-size: 17px !important;
|
| 851 |
+
line-height: 1.7 !important;
|
| 852 |
+
}
|
| 853 |
+
|
| 854 |
+
/* 마크다운 기본 텍스트 */
|
| 855 |
+
.markdown-style {
|
| 856 |
+
font-size: 17px !important;
|
| 857 |
+
line-height: 1.7 !important;
|
| 858 |
+
}
|
| 859 |
+
|
| 860 |
+
/* 마크다운 제목 크기 조정 */
|
| 861 |
+
.markdown-style h1,
|
| 862 |
+
.markdown-style h1 * {
|
| 863 |
+
font-size: 22px !important;
|
| 864 |
+
line-height: 1.4 !important;
|
| 865 |
+
margin-bottom: 0.8em !important;
|
| 866 |
+
}
|
| 867 |
|
| 868 |
+
.markdown-style h2,
|
| 869 |
+
.markdown-style h2 * {
|
| 870 |
+
font-size: 20px !important;
|
| 871 |
+
line-height: 1.4 !important;
|
| 872 |
+
margin-bottom: 0.7em !important;
|
| 873 |
+
}
|
| 874 |
+
|
| 875 |
+
.markdown-style h3,
|
| 876 |
+
.markdown-style h3 * {
|
| 877 |
+
font-size: 18px !important;
|
| 878 |
+
line-height: 1.4 !important;
|
| 879 |
+
margin-bottom: 0.6em !important;
|
| 880 |
+
}
|
| 881 |
+
|
| 882 |
+
/* 입력 필드와 버튼 */
|
| 883 |
+
.gradio-textbox input,
|
| 884 |
+
.gradio-textbox textarea {
|
| 885 |
+
font-size: 17px !important;
|
| 886 |
+
line-height: 1.5 !important;
|
| 887 |
+
padding: 12px !important;
|
| 888 |
+
}
|
| 889 |
+
|
| 890 |
+
.gradio-button {
|
| 891 |
+
font-size: 17px !important;
|
| 892 |
+
padding: 12px 20px !important;
|
| 893 |
+
min-height: 48px !important;
|
| 894 |
+
}
|
| 895 |
+
|
| 896 |
+
/* 탭과 라벨 */
|
| 897 |
+
.tabs .tab-nav * {
|
| 898 |
+
font-size: 17px !important;
|
| 899 |
+
}
|
| 900 |
+
|
| 901 |
+
label, .label-text {
|
| 902 |
+
font-size: 17px !important;
|
| 903 |
+
margin-bottom: 8px !important;
|
| 904 |
+
}
|
| 905 |
+
|
| 906 |
/* 이미지 컨테이너 */
|
| 907 |
.gradio-image {
|
| 908 |
border-radius: 8px;
|