dev-yuje commited on
Commit
26ff8dc
ยท
1 Parent(s): a0035ba

fix: adjust chatbot card width and font size, increase badge font sizes

Browse files
Files changed (1) hide show
  1. 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: 11px;
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: 11px !important;
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: 11px !important;
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: 20px !important;
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: 21px !important;
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: 17px !important;
271
  line-height: 1.55 !important;
272
  }
273
  .placeholder .prose p {
274
- font-size: 17px !important;
275
  line-height: 1.55 !important;
276
  }
277
  .placeholder .prose p:last-child {
278
- font-size: 17px !important;
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;