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

autoresize textfield with content & minor ui tweaks

Browse Source
This commit is contained in:
Dmytro Stanchiev
2025-08-20 12:22:38 -04:00
parent d8e55e85a1
commit 2d0da9dbeb
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/page.tsx
View File

@@ -236,13 +236,15 @@ export default function HomePage() {
<div className="flex flex-col sm:flex-row gap-4 mb-4 items-start"> <div className="flex flex-col sm:flex-row gap-4 mb-4 items-start">
<div className='w-full'> <div className='w-full'>
<Textarea <Textarea
className="wrap-anywhere min-h-12" className="wrap-anywhere field-sizing-content resize-none w-full min-h-[2.5rem] max-h-64 overflow-y-auto sm:overflow-y-visible px-3 py-2 scroll-p-8 placeholder:italic"
// Band-aid for scrollbar clipping out of the box
style={{ clipPath: "inset(0 round 1rem)" }}
placeholder='Describe event for AI to create' placeholder='Describe event for AI to create'
value={aiPrompt} value={aiPrompt}
onChange={e => setAiPrompt(e.target.value)} onChange={e => setAiPrompt(e.target.value)}
/> />
</div> </div>
<div className='flex flex-row gap-2 pt-1.5'> <div className='flex flex-row gap-2 pt-1'>
<Button onClick={handleAiCreate} disabled={aiLoading}> <Button onClick={handleAiCreate} disabled={aiLoading}>
{aiLoading ? 'Thinking...' : 'AI Create'} {aiLoading ? 'Thinking...' : 'AI Create'}
</Button> </Button>