Update app.py

app.py

@@ -202,7 +202,7 @@ def clear_chat():
 # カスタムCSS
 custom_css = """
 #chatbot {
-    height: 50vh !important;
+    min-height: 300px;
     overflow-y: auto;
 }
 """
@@ -213,12 +213,29 @@ custom_js = """
 function adjustChatbotHeight() {
     var chatbot = document.querySelector('#chatbot');
     if (chatbot) {
-        chatbot.style.height = '50vh';
+        var windowHeight = window.innerHeight;
+        var newHeight = Math.max(300, windowHeight * 0.5);
+        chatbot.style.height = newHeight + 'px';
     }
 }
 // ページ読み込み時と画面サイズ変更時にチャットボットの高さを調整
 window.addEventListener('load', adjustChatbotHeight);
 window.addEventListener('resize', adjustChatbotHeight);
+
+// Mutation Observerを使用してDOMの変更を監視し、チャットボットが表示されたときに高さを調整
+var observer = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutation) {
+        if (mutation.type === 'childList') {
+            var chatbot = document.querySelector('#chatbot');
+            if (chatbot) {
+                adjustChatbotHeight();
+                observer.disconnect();
+            }
+        }
+    });
+});
+
+observer.observe(document.body, { childList: true, subtree: true });
 </script>
 """