MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

added style for reminder bubble

Browse Source
This commit is contained in:
Chukwumdiebube
2023-02-06 23:32:36 +01:00
parent bc74d0a854
commit 733478170f
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/Sidebar.jsx
+1 -1
View File
@@ -145,7 +145,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`} }`}
> >
Reminders Reminders
<span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white"> <span className={`absolute left-24 -top-1 text-sm flex primary-gradient justify-center items-center w-5 h-5 rounded-full text-white dark:text-purple ${'dark' ? 'dark-primary-gradient' : ''}`}>
{userReminders.length > 0 && userReminders.length} {userReminders.length > 0 && userReminders.length}
</span> </span>
</span> </span>
src/index.css
+4
View File
@@ -47,6 +47,10 @@ html {
background-size: cover; */ background-size: cover; */
} }
.dark .dark-primary-gradient {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(188,73,190,1) 100%);
}
.primary-home { .primary-home {
/*background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%); */ /*background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%); */
background-image: url("./assets/images/left-myft.jpg"); background-image: url("./assets/images/left-myft.jpg");