ginipick commited on
Commit
de8d7d8
·
verified ·
1 Parent(s): f51720e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +15 -9
app.py CHANGED
@@ -274,23 +274,25 @@ def create_ui():
274
  /* AI 코딩 탭의 Chatbot 스타일 수정 */
275
  .chatbot {
276
  background-color: #ffffff !important;
277
- border-radius: 10px;
278
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
279
  }
280
  .chatbot .message {
 
 
 
 
 
 
 
281
  padding: 10px 15px;
282
  margin: 5px 0;
283
- border-radius: 8px;
284
- background-color: transparent !important;
285
  }
286
  .chatbot .user-message {
287
- border-left: 4px solid #4caf50;
288
  }
289
  .chatbot .bot-message {
290
- border-left: 4px solid #2196f3;
291
- }
292
- .chatbot .user-message, .chatbot .bot-message {
293
- color: #000000 !important;
294
  }
295
  .chatbot pre {
296
  background-color: #f5f5f5 !important;
@@ -307,11 +309,15 @@ def create_ui():
307
  }
308
  .chatbot p {
309
  margin: 5px 0;
 
310
  }
311
  .chatbot * {
312
  word-wrap: break-word !important;
313
  white-space: pre-wrap !important;
314
  }
 
 
 
315
  """
316
 
317
  with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo:
 
274
  /* AI 코딩 탭의 Chatbot 스타일 수정 */
275
  .chatbot {
276
  background-color: #ffffff !important;
 
 
277
  }
278
  .chatbot .message {
279
+ background-color: transparent !important;
280
+ border: none !important;
281
+ box-shadow: none !important;
282
+ }
283
+ .chatbot .user-message, .chatbot .bot-message {
284
+ background-color: transparent !important;
285
+ color: #000000 !important;
286
  padding: 10px 15px;
287
  margin: 5px 0;
288
+ border-radius: 0;
289
+ border-left: 4px solid #ddd;
290
  }
291
  .chatbot .user-message {
292
+ border-left-color: #4caf50;
293
  }
294
  .chatbot .bot-message {
295
+ border-left-color: #2196f3;
 
 
 
296
  }
297
  .chatbot pre {
298
  background-color: #f5f5f5 !important;
 
309
  }
310
  .chatbot p {
311
  margin: 5px 0;
312
+ background-color: transparent !important;
313
  }
314
  .chatbot * {
315
  word-wrap: break-word !important;
316
  white-space: pre-wrap !important;
317
  }
318
+ .chatbot .md-message {
319
+ background-color: transparent !important;
320
+ }
321
  """
322
 
323
  with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo: