diff --git a/llm_demo/static/index.css b/llm_demo/static/index.css index b1450623..07535ed0 100644 --- a/llm_demo/static/index.css +++ b/llm_demo/static/index.css @@ -35,7 +35,7 @@ body { .chat-header { position: relative; - min-width: 600px; + min-width: 472px; font-size: 28px; font-weight: 500; text-align: center; @@ -48,6 +48,11 @@ body { padding-right: 20px; } +.chat-header .title { + position: fixed; + left: calc(50% - 70px); +} + #g_id_onload, .g_id_signin { position: absolute; @@ -144,6 +149,10 @@ div.chat-content>span { padding: 0; } +.chat-bubble span { + font-size: 15px; +} + div.chat-wrapper div.chat-content div.ai span { position: relative; width: 70%; @@ -158,6 +167,7 @@ div.chat-wrapper div.chat-content div.ai span { div.chat-wrapper div.chat-content div.ai div.ticket-confirmation { position: relative; width: 70%; + min-width: 390px; max-width: 400px; height: 430px; display: inline-block; diff --git a/llm_demo/static/index.js b/llm_demo/static/index.js index a5262f6a..f1ccd32a 100644 --- a/llm_demo/static/index.js +++ b/llm_demo/static/index.js @@ -39,7 +39,10 @@ async function submitMessage() { logMessage("human", msg) // Clear message $('.chat-bar input').val(''); - window.setTimeout(()=>{$('#loader-container').show()},400); + window.setTimeout(()=>{ + $('#loader-container').show(); + $('.chat-content').scrollTop($('.chat-content').prop("scrollHeight")); + },400); try { // Prompt LLM let answer = await askQuestion(msg); diff --git a/llm_demo/templates/index.html b/llm_demo/templates/index.html index c385688c..444fa55d 100644 --- a/llm_demo/templates/index.html +++ b/llm_demo/templates/index.html @@ -36,7 +36,7 @@
menu - Cymbal Air + Cymbal Air refresh