fix: adjust chatbot card width and font size, increase badge font sizes
Browse files- src/utils/ui_templates.py +10 -8
src/utils/ui_templates.py
CHANGED
|
@@ -62,7 +62,7 @@ body, .gradio-container {
|
|
| 62 |
|
| 63 |
/* โโ ํจ๋ ๋ผ๋ฒจ (์น์
์ ๋ชฉ) โโ */
|
| 64 |
.panel-label {
|
| 65 |
-
font-size:
|
| 66 |
font-weight: 700;
|
| 67 |
color: #64748b;
|
| 68 |
text-transform: uppercase;
|
|
@@ -145,7 +145,7 @@ body, .gradio-container {
|
|
| 145 |
border: 1px solid #ddd6fe !important;
|
| 146 |
border-radius: 9999px !important;
|
| 147 |
padding: 4px 12px !important;
|
| 148 |
-
font-size:
|
| 149 |
font-weight: 600 !important;
|
| 150 |
color: #8b5cf6 !important;
|
| 151 |
}
|
|
@@ -168,7 +168,7 @@ body, .gradio-container {
|
|
| 168 |
border: 1px solid #ddd6fe !important;
|
| 169 |
border-radius: 9999px !important;
|
| 170 |
padding: 4px 12px !important;
|
| 171 |
-
font-size:
|
| 172 |
font-weight: 600 !important;
|
| 173 |
color: #8b5cf6 !important;
|
| 174 |
}
|
|
@@ -233,9 +233,11 @@ div[data-testid="chatbot"], .chatbot-container, .chatbot {
|
|
| 233 |
|
| 234 |
/* โโ ์ฑ๋ด ๋ด๋ถ Placeholder(์๊ฐ๊ธ ์์ญ) โโ */
|
| 235 |
.placeholder, [class*="placeholder"] {
|
| 236 |
-
padding:
|
| 237 |
overflow: auto !important;
|
| 238 |
margin: 0 auto !important;
|
|
|
|
|
|
|
| 239 |
}
|
| 240 |
|
| 241 |
/* โโ ์๊ฐ๊ธ(Prose) ์ฐ์ปด ๋ณด๋ (๋
๋ฆฝ์ ์ธ ํ๋ฆฌ๋ฏธ์ ๋ผ์ด๋ ์นด๋ ๊ตฌ์กฐ) โโ */
|
|
@@ -255,7 +257,7 @@ div[data-testid="chatbot"], .chatbot-container, .chatbot {
|
|
| 255 |
.placeholder h3, [class*="placeholder"] h3 {
|
| 256 |
color: #334155 !important;
|
| 257 |
font-weight: 800 !important;
|
| 258 |
-
font-size:
|
| 259 |
margin-top: 0 !important;
|
| 260 |
margin-bottom: 12px !important;
|
| 261 |
}
|
|
@@ -267,15 +269,15 @@ div[data-testid="chatbot"], .chatbot-container, .chatbot {
|
|
| 267 |
.placeholder .prose li {
|
| 268 |
margin-bottom: 6px !important;
|
| 269 |
color: #475569 !important;
|
| 270 |
-
font-size:
|
| 271 |
line-height: 1.55 !important;
|
| 272 |
}
|
| 273 |
.placeholder .prose p {
|
| 274 |
-
font-size:
|
| 275 |
line-height: 1.55 !important;
|
| 276 |
}
|
| 277 |
.placeholder .prose p:last-child {
|
| 278 |
-
font-size:
|
| 279 |
font-weight: 700 !important;
|
| 280 |
color: #4c1d95 !important;
|
| 281 |
background: #f3e8ff !important;
|
|
|
|
| 62 |
|
| 63 |
/* โโ ํจ๋ ๋ผ๋ฒจ (์น์
์ ๋ชฉ) โโ */
|
| 64 |
.panel-label {
|
| 65 |
+
font-size: 12.5px !important;
|
| 66 |
font-weight: 700;
|
| 67 |
color: #64748b;
|
| 68 |
text-transform: uppercase;
|
|
|
|
| 145 |
border: 1px solid #ddd6fe !important;
|
| 146 |
border-radius: 9999px !important;
|
| 147 |
padding: 4px 12px !important;
|
| 148 |
+
font-size: 12.5px !important;
|
| 149 |
font-weight: 600 !important;
|
| 150 |
color: #8b5cf6 !important;
|
| 151 |
}
|
|
|
|
| 168 |
border: 1px solid #ddd6fe !important;
|
| 169 |
border-radius: 9999px !important;
|
| 170 |
padding: 4px 12px !important;
|
| 171 |
+
font-size: 12.5px !important;
|
| 172 |
font-weight: 600 !important;
|
| 173 |
color: #8b5cf6 !important;
|
| 174 |
}
|
|
|
|
| 233 |
|
| 234 |
/* โโ ์ฑ๋ด ๋ด๋ถ Placeholder(์๊ฐ๊ธ ์์ญ) โโ */
|
| 235 |
.placeholder, [class*="placeholder"] {
|
| 236 |
+
padding: 0 !important;
|
| 237 |
overflow: auto !important;
|
| 238 |
margin: 0 auto !important;
|
| 239 |
+
width: 100% !important;
|
| 240 |
+
max-width: 920px !important;
|
| 241 |
}
|
| 242 |
|
| 243 |
/* โโ ์๊ฐ๊ธ(Prose) ์ฐ์ปด ๋ณด๋ (๋
๋ฆฝ์ ์ธ ํ๋ฆฌ๋ฏธ์ ๋ผ์ด๋ ์นด๋ ๊ตฌ์กฐ) โโ */
|
|
|
|
| 257 |
.placeholder h3, [class*="placeholder"] h3 {
|
| 258 |
color: #334155 !important;
|
| 259 |
font-weight: 800 !important;
|
| 260 |
+
font-size: 17.5px !important;
|
| 261 |
margin-top: 0 !important;
|
| 262 |
margin-bottom: 12px !important;
|
| 263 |
}
|
|
|
|
| 269 |
.placeholder .prose li {
|
| 270 |
margin-bottom: 6px !important;
|
| 271 |
color: #475569 !important;
|
| 272 |
+
font-size: 14.5px !important;
|
| 273 |
line-height: 1.55 !important;
|
| 274 |
}
|
| 275 |
.placeholder .prose p {
|
| 276 |
+
font-size: 14.5px !important;
|
| 277 |
line-height: 1.55 !important;
|
| 278 |
}
|
| 279 |
.placeholder .prose p:last-child {
|
| 280 |
+
font-size: 14.5px !important;
|
| 281 |
font-weight: 700 !important;
|
| 282 |
color: #4c1d95 !important;
|
| 283 |
background: #f3e8ff !important;
|