chore: more adaptive layout; more character limit

css/style.css

@@ -41,7 +41,7 @@
         --gutter-width:24px;
 
         --card-width: 42%;
-        --voice-flex: 0.6;
+        --voice-flex: 0.8;
     }
 }
 
@@ -131,17 +131,17 @@ gradio-app {
     align-content: center;
     align-items: center;
 }
-#api_key_input {
+/* #api_key_input {
     flex-grow: 1;
 }
 #voice_list {
     flex-grow: var(--voice-flex);
-}
+} */
 #api_key_input input {
     margin: 0 !important;
     padding: 6px 12px 6px 12px;
 }
-#api_key_input label span {
+#api_key_input label > span {
     font-family: var(--font-heading) !important;
     margin: 0;
     width: 5rem;
@@ -155,7 +155,7 @@ gradio-app {
     justify-content: center;
     flex-direction: row;
 }
-#voice_list label span {
+#voice_list label > span {
     font-family: var(--font-heading) !important;
     margin: 0;
     width: 7rem;
@@ -167,9 +167,6 @@ gradio-app {
 #voice_list .icon-wrap {
     margin: 0 !important;
 }
-#voice_list ul {
-    width: 5rem !important;
-}
 
 /* Tabs */
 .tabs {

presets.py

@@ -50,14 +50,17 @@ def speak_fn(
     audio_list = []
     while text.find("\n\n") != -1:
         text = text.replace("\n\n", "\n")
-    if len(text) > 100:
+    if len(text) > 512:
         logging.info(f"Too Long Text: {text}")
-        if exceed_flag:
-            text = "不要超过100字！"
-            audio_value = "./assets/audios/nomorethan100.wav"
-        else:
+        if speaker == "TalkFlower_CNzh":
             text = "这句太长了，憋坏我啦！"
             audio_value = "./assets/audios/overlength.wav"
+        elif speaker == "TalkFlower_USen":
+            text = "This sentence is too long!"
+            audio_value = "./assets/audios/overlength_en.wav"
+        elif speaker == "TalkFlower_JPja":
+            text = "この文は長すぎます！"
+            audio_value = "./assets/audios/overlength_ja.wav"
         exceed_flag = not exceed_flag
     else:
         for idx, slice in enumerate(text.split("|")):