Compare commits

..

1 Commits

Author SHA1 Message Date
victorAnumudu 7e60e1828e added spacing to reminder list 2023-03-06 07:37:20 +01:00
5 changed files with 7 additions and 19 deletions
+1 -3
View File
@@ -17,6 +17,4 @@ REACT_APP_TRACKING="Tracking"
REACT_APP_RESOURCES="Resources"
REACT_APP_HISTORY="History"
REACT_APP_TRACKING_SHOW=1
REACT_APP_RESOURCES_SHOW=1
REACT_APP_TRACKING_SHOW=1
-2
View File
@@ -18,5 +18,3 @@ REACT_APP_RESOURCES="Resources"
REACT_APP_HISTORY="History"
REACT_APP_TRACKING_SHOW=1
REACT_APP_RESOURCES_SHOW=1
-2
View File
@@ -18,5 +18,3 @@ REACT_APP_RESOURCES="Resources"
REACT_APP_HISTORY="History"
REACT_APP_TRACKING_SHOW=0
REACT_APP_RESOURCES_SHOW=0
+1 -7
View File
@@ -191,14 +191,11 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
</span>
</NavLink>
</li>
{process.env.REACT_APP_RESOURCES_SHOW == 1 ?
<li className="item group">
<NavLink
to="/resources"
className={`nav-item flex items-center ${
(
(navData) => (navData.isActive ? "active" : ""),
((navData) => (navData.isActive ? "active" : ""),
sidebar ? "justify-start space-x-3.5" : "justify-center")
}`}
>
@@ -214,9 +211,6 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
</span>
</NavLink>
</li>
:
null
}
<li className="item group">
<NavLink
+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>
</>
)
}