DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ensure input elements take full width of parent (#364)

Browse Source
This commit is contained in:
Ethan
2024-10-21 14:35:34 -05:00
committed by GitHub
parent b967240f8f
commit c2007ef090
1 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/components/ReportIssueMain.tsx
View File

@@ -81,29 +81,33 @@ export default function ReportIssueMain(): JSX.Element {
<label htmlFor='email' className='mb-1 block text-sm text-ut-black font-medium'> <label htmlFor='email' className='mb-1 block text-sm text-ut-black font-medium'>
Your @utexas.edu email Your @utexas.edu email
</label> </label>
<input <div className='flex'>
type='email' <input
id='email' type='email'
value={email} id='email'
onChange={e => setEmail(e.target.value)} value={email}
className='w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-500' onChange={e => setEmail(e.target.value)}
placeholder='bevo@utexas.edu' className='w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-500'
required placeholder='bevo@utexas.edu'
/> required
/>
</div>
</div> </div>
<div className='mb-4'> <div className='mb-4'>
<label htmlFor='feedback' className='mb-1 block text-sm text-ut-black font-medium'> <label htmlFor='feedback' className='mb-1 block text-sm text-ut-black font-medium'>
Your feedback Your feedback
</label> </label>
<textarea <div className='flex'>
id='feedback' <textarea
value={feedback} id='feedback'
onChange={e => setFeedback(e.target.value)} value={feedback}
className='h-24 w-full resize-none border border-gray-300 rounded-md px-3 py-2 text-sm font-sans focus:outline-none focus:ring-2 focus:ring-orange-500' onChange={e => setFeedback(e.target.value)}
placeholder='I wish UT Registration Plus could...' className='h-24 w-full resize-none border border-gray-300 rounded-md px-3 py-2 text-sm font-sans focus:outline-none focus:ring-2 focus:ring-orange-500'
required placeholder='I wish UT Registration Plus could...'
/> required
/>
</div>
</div> </div>
<Button <Button