Update app.py

app.py

@@ -202,7 +202,7 @@ def clear_chat():
 # カスタムCSS
 custom_css = """
 #chatbot {
-    min-height: 300px;
+    height: 60vh !important;
     overflow-y: auto;
 }
 """
@@ -213,35 +213,18 @@ custom_js = """
 function adjustChatbotHeight() {
     var chatbot = document.querySelector('#chatbot');
     if (chatbot) {
-        var windowHeight = window.innerHeight;
-        var newHeight = Math.max(300, windowHeight * 0.5);
-        chatbot.style.height = newHeight + 'px';
+        chatbot.style.height = window.innerHeight * 0.6 + '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>
 """
 
 # Gradioインターフェースの設定
 with gr.Blocks(css=custom_css) as iface:
-    gr.HTML(custom_js)  # カスタムJavaScriptを追加
     chatbot = gr.Chatbot(elem_id="chatbot")
     
     with gr.Tab("チャット"):