ui: enlarge create form — wider, taller textarea, more padding

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;