修复输入框聚焦页面放大的问题

app/globals.css

@@ -305,4 +305,8 @@ body {
     height: 100dvh;
     height: calc(var(--vh, 1vh) * 100);
   }
+}
+
+textarea, input {
+  font-size: 16px !important;
 }

components/ChatInputBox/ChatInputBox.tsx

@@ -348,13 +348,9 @@ export function ChatInputBox({ noData }: { noData: boolean }) {
                   onChange={(e) => setScript(e.target.value)}
                   placeholder="Describe the story you want to make..."
                   className="w-full pl-[10px] pr-[10px] py-[14px] rounded-[10px] leading-[20px] text-sm border-none bg-transparent text-white placeholder:text-white/[0.40] focus:outline-none resize-none min-h-[48px] max-h-[120px] overflow-y-auto"
-                  style={
-                    noData
-                      ? {
-                          minHeight: "128px",
-                        }
-                      : {}
-                  }
+                  style={{
+                    minHeight: noData ? "128px": "unset"
+                  }}
                   rows={1}
                   onInput={(e) => {
                     const target = e.target as HTMLTextAreaElement;