Styling reminders

This commit is contained in:
2023-02-07 20:32:04 -05:00
parent cee6a10dce
commit 046e1f5c37
2 changed files with 4 additions and 4 deletions
+3 -3
View File
@@ -121,7 +121,7 @@ export default function AddEditReminder({ className }) {
placeholder="Describe the Reminder" placeholder="Describe the Reminder"
value={reminder.description} value={reminder.description}
inputHandler={onReminderInputChange} inputHandler={onReminderInputChange}
maxLength={10} maxLength={35}
/> />
</div> </div>
@@ -136,7 +136,7 @@ export default function AddEditReminder({ className }) {
value={''} value={''}
/> */} /> */}
<label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">Reminder Type</label> <label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">Reminder Type</label>
<select name='category' className='bg-white dark:bg-dark-white text-gray-700 w-full py-5 cursor-pointer focus:outline-none focus:border-none' onChange={onReminderInputChange}> <select name='category' className='input-field bg-white dark:bg-dark-white text-gray-700 w-full py-5 cursor-pointer focus:outline-none focus:border-none bg-[#FAFAFA] dark:bg-[#11131F] focus:ring-0 ' onChange={onReminderInputChange}>
<option className='' value="">Select category</option> <option className='' value="">Select category</option>
{category.length > 0 && {category.length > 0 &&
<> <>
@@ -157,7 +157,7 @@ export default function AddEditReminder({ className }) {
value={''} value={''}
/> */} /> */}
<label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">Mode</label> <label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">Mode</label>
<select name='mode' className='bg-white dark:bg-dark-white text-gray-700 w-full py-5 cursor-pointer focus:outline-none focus:border-none' onChange={onReminderInputChange}> <select name='mode' className='input-field bg-white dark:bg-dark-white text-gray-700 w-full py-5 cursor-pointer focus:outline-none focus:border-none bg-[#FAFAFA] dark:bg-[#11131F] focus:ring-0 ' onChange={onReminderInputChange}>
<option className='' value="">Select mode</option> <option className='' value="">Select mode</option>
{category.length > 0 && {category.length > 0 &&
<> <>
+1 -1
View File
@@ -142,7 +142,7 @@ export default function ReminderTable({ className }) {
<td className="text-right py-4 px-2"> <td className="text-right py-4 px-2">
<button <button
type="button" type="button"
className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full" className="btn-gradient lg:flex hidden w-[55px] h-[40px] rounded-full text-white justify-center items-center"
> >
Edit Edit
</button> </button>