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;