diff options
Diffstat (limited to 'src/client/components/CreateNoteTypeModal.tsx')
| -rw-r--r-- | src/client/components/CreateNoteTypeModal.tsx | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/client/components/CreateNoteTypeModal.tsx b/src/client/components/CreateNoteTypeModal.tsx index 2b8dfb9..6e43c96 100644 --- a/src/client/components/CreateNoteTypeModal.tsx +++ b/src/client/components/CreateNoteTypeModal.tsx @@ -147,15 +147,15 @@ export function CreateNoteTypeModal({ > Front Template </label> - <input + <textarea id="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" placeholder="{{Front}}" /> <p className="text-muted text-xs mt-1"> @@ -170,15 +170,15 @@ export function CreateNoteTypeModal({ > Back Template </label> - <input + <textarea id="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" placeholder="{{Back}}" /> </div> |