From 830b370f1b8e0f3a384b2d242ab120812e81977d Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Thu, 1 Jan 2026 21:40:24 +0900
Subject: fix(ui): allow line-breaks in card templates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change template input fields from single-line <input> to <textarea>
elements to support multiline content in front/back templates.

Fixes #5

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/client/components/EditNoteTypeModal.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/client/components/EditNoteTypeModal.tsx')

diff --git a/src/client/components/EditNoteTypeModal.tsx b/src/client/components/EditNoteTypeModal.tsx
index b5d453d..014492e 100644
--- a/src/client/components/EditNoteTypeModal.tsx
+++ b/src/client/components/EditNoteTypeModal.tsx
@@ -160,15 +160,15 @@ export function EditNoteTypeModal({
 							>
 								Front Template
 							</label>
-							<input
+							<textarea
 								id="edit-front-template"
-								type="text"
 								value={frontTemplate}
 								onChange={(e) => setFrontTemplate(e.target.value)}
 								required
 								maxLength={1000}
 								disabled={isSubmitting}
-								className="w-full px-4 py-2.5 bg-ivory border border-border rounded-lg text-slate placeholder-muted font-mono text-sm transition-all duration-200 hover:border-muted focus:border-primary focus:ring-2 focus:ring-primary/10 disabled:opacity-50 disabled:cursor-not-allowed"
+								rows={3}
+								className="w-full px-4 py-2.5 bg-ivory border border-border rounded-lg text-slate placeholder-muted font-mono text-sm transition-all duration-200 hover:border-muted focus:border-primary focus:ring-2 focus:ring-primary/10 disabled:opacity-50 disabled:cursor-not-allowed resize-y"
 							/>
 							<p className="text-muted text-xs mt-1">
 								Use {"{{FieldName}}"} to insert field values
@@ -182,15 +182,15 @@ export function EditNoteTypeModal({
 							>
 								Back Template
 							</label>
-							<input
+							<textarea
 								id="edit-back-template"
-								type="text"
 								value={backTemplate}
 								onChange={(e) => setBackTemplate(e.target.value)}
 								required
 								maxLength={1000}
 								disabled={isSubmitting}
-								className="w-full px-4 py-2.5 bg-ivory border border-border rounded-lg text-slate placeholder-muted font-mono text-sm transition-all duration-200 hover:border-muted focus:border-primary focus:ring-2 focus:ring-primary/10 disabled:opacity-50 disabled:cursor-not-allowed"
+								rows={3}
+								className="w-full px-4 py-2.5 bg-ivory border border-border rounded-lg text-slate placeholder-muted font-mono text-sm transition-all duration-200 hover:border-muted focus:border-primary focus:ring-2 focus:ring-primary/10 disabled:opacity-50 disabled:cursor-not-allowed resize-y"
 							/>
 						</div>
 
-- 
cgit v1.2.3-70-g09d2

