added spacing to reminder list

This commit was merged in pull request #74.
This commit is contained in:
victorAnumudu
2023-03-06 07:37:20 +01:00
parent c508fd41c7
commit 7e60e1828e
+5 -5
View File
@@ -90,7 +90,7 @@ export default function ReminderTable({ className }) {
<td className="py-4 text-center">Reminder</td>
<td className="py-4 text-right">.</td>
</tr>
<tr class="spacer"></tr>
<tr className="spacer"></tr>
</>
{
@@ -99,7 +99,7 @@ export default function ReminderTable({ className }) {
userReminders[0].reminders.map((reminder, index) => (
<>
{/* <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29] hover:bg-gray-50"> */}
<tr key={index} className="even:bg-slate-100 odd:bg-gray-50 dark:bg-dark-white dark:odd:bg-black hover:bg-light-purple transition-all duration-500">
<tr key={index} className="bg-light-purple dark:bg-black hover:bg-gray-50 transition-all duration-500">
<td className="py-4 px-2 rounded-l-full">
<div className="flex space-x-2 items-center">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -149,7 +149,7 @@ export default function ReminderTable({ className }) {
<Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white btn-gradient px-2.5 py-1.5 rounded-full">Edit</Link>
</td>
</tr>
{/* <tr class="spacer"></tr> */}
<tr className="spacer"></tr>
</>
))
)
@@ -159,7 +159,7 @@ export default function ReminderTable({ className }) {
return (
<>
{/* <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29] hover:bg-gray-50"> */}
<tr key={index} className="even:bg-slate-100 odd:bg-gray-50 dark:bg-dark-white dark:odd:bg-black hover:bg-light-purple transition-all duration-500">
<tr key={index} className="bg-light-purple dark:bg-black hover:bg-gray-50 transition-all duration-500">
<td className="py-4 px-2 rounded-l-full">
<div className="flex space-x-2 items-center">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -212,7 +212,7 @@ export default function ReminderTable({ className }) {
<Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white btn-gradient px-2.5 py-1.5 rounded-full">Edit</Link>
</td>
</tr>
{/* <tr class="spacer"></tr> */}
<tr className="spacer"></tr>
</>
)
}