From 3c5180d5eb53df1997879242137ea6b9b0fa63e5 Mon Sep 17 00:00:00 2001
From: Fam Zheng <fam.zheng@bytedance.com>
Date: Mon, 9 Mar 2026 10:12:06 +0000
Subject: [PATCH] =?UTF-8?q?ui:=20enlarge=20create=20form=20=E2=80=94=20wid?=
 =?UTF-8?q?er,=20taller=20textarea,=20more=20padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/CreateForm.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/web/src/components/CreateForm.vue b/web/src/components/CreateForm.vue
index 2f8f86d..7689678 100644
--- a/web/src/components/CreateForm.vue
+++ b/web/src/components/CreateForm.vue
@@ -107,7 +107,7 @@ function onSubmit() {
       v-model="requirement"
       class="create-textarea"
       placeholder="描述你想让 AI 做什么..."
-      rows="4"
+      rows="10"
       @keydown.ctrl.enter="onSubmit"
       @keydown.meta.enter="onSubmit"
     />
@@ -123,12 +123,13 @@ function onSubmit() {
 .create-form {
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  width: 480px;
+  gap: 16px;
+  width: 640px;
+  max-width: 90vw;
 }
 
 .create-form h2 {
-  font-size: 18px;
+  font-size: 20px;
   font-weight: 600;
   color: var(--text-primary);
 }
@@ -147,8 +148,8 @@ function onSubmit() {
 }
 
 .example-tag {
-  padding: 4px 10px;
-  font-size: 12px;
+  padding: 6px 14px;
+  font-size: 13px;
   background: var(--bg-tertiary);
   color: var(--text-secondary);
   border: 1px solid var(--border);
@@ -181,16 +182,17 @@ function onSubmit() {
 }
 
 .create-textarea {
-  padding: 10px 12px;
+  padding: 14px 16px;
   background: var(--bg-secondary);
   border: 1px solid var(--border);
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--text-primary);
   font-size: 14px;
+  line-height: 1.6;
   font-family: inherit;
   outline: none;
   resize: vertical;
-  min-height: 80px;
+  min-height: 180px;
 }
 
 .create-textarea:focus {
@@ -211,7 +213,7 @@ function onSubmit() {
 
 .template-select select {
   flex: 1;
-  padding: 6px 8px;
+  padding: 8px 10px;
   background: var(--bg-secondary);
   border: 1px solid var(--border);
   border-radius: 6px;
@@ -238,7 +240,7 @@ function onSubmit() {
 }
 
 .btn-cancel {
-  padding: 8px 16px;
+  padding: 10px 20px;
   background: var(--bg-tertiary);
   color: var(--text-secondary);
   border: 1px solid var(--border);
@@ -247,7 +249,7 @@ function onSubmit() {
 }
 
 .btn-confirm {
-  padding: 8px 16px;
+  padding: 10px 24px;
   background: var(--accent);
   color: var(--bg-primary);
   border: none;