old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🩹 fix: restore textarea placeholder padding in ai-toolbar

Browse Source 
Replace px-0 py-0 override with px-3 py-1 so placeholder text is
never flush against the edge. The ::placeholder pseudo-element
inherits box padding from the textarea; zeroing it out removed all
visual breathing room for the hint text.

Also adds tests/textarea.test.ts that locks down this behaviour via
class-string assertions on the resolved cn() output.
This commit is contained in:
Dmytro Stanchiev
2026-04-08 09:19:59 -04:00
parent b93669a416
commit 650d1d5f95
2 changed files with 58 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ai-toolbar.tsx
View File

@@ -87,9 +87,9 @@ export const AIToolbar = ({
AI Command
</span>
</div>
<Textarea
className="wrap-anywhere field-sizing-content resize-none w-full min-h-[2.5rem] max-h-64 overflow-y-auto bg-transparent border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 px-0 py-0 text-sm placeholder:text-muted-foreground/60 placeholder:italic"
placeholder="Describe an event or paste details..."
<Textarea
className="wrap-anywhere field-sizing-content resize-none w-full min-h-[2.5rem] max-h-64 overflow-y-auto bg-transparent border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 px-3 py-1 text-sm placeholder:text-muted-foreground/60 placeholder:italic"
placeholder="Describe an event or paste details..."
value={aiPrompt}
onChange={(e) => setAiPrompt(e.target.value)}
/>