Update app.py
Browse files
app.py
CHANGED
|
@@ -976,15 +976,29 @@ with gr.Blocks(
|
|
| 976 |
.gradio-container {
|
| 977 |
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
| 978 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 979 |
.tab-nav button {
|
|
|
|
| 980 |
font-size: 0.85em !important;
|
| 981 |
padding: 8px 12px !important;
|
| 982 |
white-space: nowrap !important;
|
| 983 |
}
|
| 984 |
-
|
| 985 |
-
flex-wrap: wrap !important;
|
| 986 |
-
gap: 5px !important;
|
| 987 |
-
}
|
| 988 |
@keyframes pulse {
|
| 989 |
0% { opacity: 0.6; }
|
| 990 |
50% { opacity: 1; }
|
|
@@ -995,6 +1009,7 @@ with gr.Blocks(
|
|
| 995 |
}
|
| 996 |
"""
|
| 997 |
) as demo:
|
|
|
|
| 998 |
# 언어 상태 관리
|
| 999 |
current_language = gr.State(value="en")
|
| 1000 |
|
|
|
|
| 976 |
.gradio-container {
|
| 977 |
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
| 978 |
}
|
| 979 |
+
|
| 980 |
+
/* ① 탭 네비게이션: 가로 스크롤 가능하도록 */
|
| 981 |
+
.tab-nav {
|
| 982 |
+
display: flex !important;
|
| 983 |
+
flex-wrap: nowrap !important; /* 줄바꿈 방지 */
|
| 984 |
+
overflow-x: auto !important; /* 가로 스크롤 */
|
| 985 |
+
white-space: nowrap !important; /* 버튼 한 줄 유지 */
|
| 986 |
+
gap: 5px !important;
|
| 987 |
+
scrollbar-width: none; /* Firefox */
|
| 988 |
+
-ms-overflow-style: none; /* IE/Edge */
|
| 989 |
+
}
|
| 990 |
+
.tab-nav::-webkit-scrollbar { /* Chrome */
|
| 991 |
+
display: none;
|
| 992 |
+
}
|
| 993 |
+
|
| 994 |
+
/* ② 탭 버튼은 줄바꿈 없이 고정폭으로 */
|
| 995 |
.tab-nav button {
|
| 996 |
+
flex: 0 0 auto !important;
|
| 997 |
font-size: 0.85em !important;
|
| 998 |
padding: 8px 12px !important;
|
| 999 |
white-space: nowrap !important;
|
| 1000 |
}
|
| 1001 |
+
|
|
|
|
|
|
|
|
|
|
| 1002 |
@keyframes pulse {
|
| 1003 |
0% { opacity: 0.6; }
|
| 1004 |
50% { opacity: 1; }
|
|
|
|
| 1009 |
}
|
| 1010 |
"""
|
| 1011 |
) as demo:
|
| 1012 |
+
|
| 1013 |
# 언어 상태 관리
|
| 1014 |
current_language = gr.State(value="en")
|
| 1015 |
|