From a82021fecda973801ddecdef40f44cfe09fdfd48 Mon Sep 17 00:00:00 2001
From: Heiner Lohaus <hlohaus@users.noreply.github.com>
Date: Wed, 17 Apr 2024 12:07:04 +0200
Subject: Add missing styling on phone

---
 g4f/gui/client/static/css/style.css | 10 +++++-----
 g4f/gui/client/static/js/chat.v1.js | 15 ++++++---------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/g4f/gui/client/static/css/style.css b/g4f/gui/client/static/css/style.css
index 2f1043b2..c0279bc2 100644
--- a/g4f/gui/client/static/css/style.css
+++ b/g4f/gui/client/static/css/style.css
@@ -838,6 +838,11 @@ ul {
     transform: rotate(360deg);
 }
 
+.settings h3 {
+    padding-left: 10px;
+    padding-top: 10px;
+}
+
 @media screen and (max-width: 990px) {
     .conversations {
         display: none;
@@ -1107,11 +1112,6 @@ a:-webkit-any-link {
     overflow: auto;
 }
 
-.settings h3 {
-    padding-left: 10px;
-    padding-top: 10px;
-}
-
 .settings .paper {
     flex-direction: column;
     min-width: 400px;
diff --git a/g4f/gui/client/static/js/chat.v1.js b/g4f/gui/client/static/js/chat.v1.js
index 7f4011a2..a17be16e 100644
--- a/g4f/gui/client/static/js/chat.v1.js
+++ b/g4f/gui/client/static/js/chat.v1.js
@@ -17,6 +17,7 @@ const modelSelect       = document.getElementById("model");
 const modelProvider     = document.getElementById("model2");
 const systemPrompt      = document.getElementById("systemPrompt");
 const settings          = document.querySelector(".settings");
+const chat              = document.querySelector(".conversation");
 const album             = document.querySelector(".images");
 
 let prompt_lock = false;
@@ -132,7 +133,7 @@ const register_message_buttons = async () => {
                 speechText = speechText.replaceAll(/\[(.+)\]\(.+\)/gm, "($1)");
                 speechText = speechText.replaceAll(/```[a-z]+/gm, "");
                 speechText = filter_message(speechText.replaceAll("`", "").replaceAll("#", ""))
-                const lines = speechText.trim().split(/\n|;/).filter(v => v.trim());
+                const lines = speechText.trim().split(/\n|;/).filter(v => count_words(v));
 
                 window.onSpeechResponse = (url) => {
                     if (!el.dataset.stopped) {
@@ -780,6 +781,7 @@ async function hide_sidebar() {
     sidebar.classList.remove("shown");
     sidebar_button.classList.remove("rotated");
     settings.classList.add("hidden");
+    chat.classList.remove("hidden");
     if (window.location.pathname == "/menu/" || window.location.pathname == "/settings/") {
         history.back();
     }
@@ -801,11 +803,13 @@ sidebar_button.addEventListener("click", (event) => {
 
 function open_settings() {
     if (settings.classList.contains("hidden")) {
+        chat.classList.add("hidden");
         sidebar.classList.remove("shown");
         settings.classList.remove("hidden");
         history.pushState({}, null, "/settings/");
     } else {
         settings.classList.add("hidden");
+        chat.classList.remove("hidden");
     }
 }
 
@@ -1262,20 +1266,14 @@ if (SpeechRecognition) {
     recognition.maxAlternatives = 1;
 
     let startValue;
-    let shouldStop;
     let lastDebounceTranscript;
     recognition.onstart = function() {
         microLabel.classList.add("recognition");
         startValue = messageInput.value;
-        shouldStop = false;
         lastDebounceTranscript = "";
     };
     recognition.onend = function() {
-        if (shouldStop) {
-            messageInput.focus();
-        } else {
-            recognition.start();
-        }
+        messageInput.focus();
     };
     recognition.onresult = function(event) {
         if (!event.results) {
@@ -1302,7 +1300,6 @@ if (SpeechRecognition) {
 
     microLabel.addEventListener("click", () => {
         if (microLabel.classList.contains("recognition")) {
-            shouldStop = true;
             recognition.stop();
             microLabel.classList.remove("recognition");
         } else {
-- 
cgit v1.2.3