VEDAGI1 commited on
Commit
e7e1531
·
verified ·
1 Parent(s): f312851

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +45 -0
app.py CHANGED
@@ -376,6 +376,51 @@ SLEEK_CSS = """
376
  #chatbot_container .chatbot::-webkit-scrollbar { width: 8px; }
377
  #chatbot_container .chatbot::-webkit-scrollbar-track { background: #16203b; }
378
  #chatbot_container .chatbot::-webkit-scrollbar-thumb { background: #3a4a6e; border-radius: 4px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
379
  """
380
 
381
  VOICE_STT_HTML = """
 
376
  #chatbot_container .chatbot::-webkit-scrollbar { width: 8px; }
377
  #chatbot_container .chatbot::-webkit-scrollbar-track { background: #16203b; }
378
  #chatbot_container .chatbot::-webkit-scrollbar-thumb { background: #3a4a6e; border-radius: 4px; }
379
+ /* ——— CRITICAL FIX: Make Chatbot fill the entire right panel ——— */
380
+ #chatbot_container {
381
+ flex: 1 1 100% !important;
382
+ min-height: 0;
383
+ display: flex !important;
384
+ }
385
+
386
+ #chatbot_container > .wrap {
387
+ flex: 1 !important;
388
+ display: flex !important;
389
+ flex-direction: column !important;
390
+ }
391
+
392
+ /* This is the actual scrolling message area */
393
+ #chatbot_container .chatbot {
394
+ flex: 1 !important;
395
+ min-height: 0 !important;
396
+ max-height: none !important;
397
+ overflow-y: auto !important;
398
+ overflow-x: hidden !important;
399
+ padding: 24px !important;
400
+ }
401
+
402
+ /* Remove Gradio’s default max-height caps */
403
+ #chatbot_container .gr-chatbot,
404
+ #chatbot_container .gr-prose,
405
+ #chatbot_container .message-wrap {
406
+ max-height: none !important;
407
+ height: 100% !important;
408
+ }
409
+
410
+ /* Optional: nicer scrollbar */
411
+ #chatbot_container .chatbot::-webkit-scrollbar {
412
+ width: 8px;
413
+ }
414
+ #chatbot_container .chatbot::-webkit-scrollbar-track {
415
+ background: transparent;
416
+ }
417
+ #chatbot_container .chatbot::-webkit-scrollbar-thumb {
418
+ background: rgba(100, 120, 160, 0.4);
419
+ border-radius: 4px;
420
+ }
421
+ #chatbot_container .chatbot::-webkit-scrollbar-thumb:hover {
422
+ background: rgba(100, 120, 160, 0.7);
423
+ }
424
  """
425
 
426
  VOICE_STT_HTML = """