Change side nav colors, add Book Demo (#465)

This commit is contained in:
Kerem Yilmaz
2024-06-13 00:12:28 -07:00
committed by GitHub
parent b1a1298055
commit 8f6ec52158

View File

@@ -12,12 +12,9 @@ function SideNav() {
<NavLink <NavLink
to="create" to="create"
className={({ isActive }) => { className={({ isActive }) => {
return cn( return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
"flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl", "bg-muted": isActive,
{ });
"bg-primary-foreground": isActive,
},
);
}} }}
> >
<PlusCircledIcon className="mr-4 w-6 h-6" /> <PlusCircledIcon className="mr-4 w-6 h-6" />
@@ -26,12 +23,9 @@ function SideNav() {
<NavLink <NavLink
to="tasks" to="tasks"
className={({ isActive }) => { className={({ isActive }) => {
return cn( return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
"flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl", "bg-muted": isActive,
{ });
"bg-primary-foreground": isActive,
},
);
}} }}
> >
<ListBulletIcon className="mr-4 w-6 h-6" /> <ListBulletIcon className="mr-4 w-6 h-6" />
@@ -40,12 +34,9 @@ function SideNav() {
<NavLink <NavLink
to="settings" to="settings"
className={({ isActive }) => { className={({ isActive }) => {
return cn( return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
"flex items-center px-6 py-4 hover:bg-primary-foreground rounded-2xl", "bg-muted": isActive,
{ });
"bg-primary-foreground": isActive,
},
);
}} }}
> >
<GearIcon className="mr-4 w-6 h-6" /> <GearIcon className="mr-4 w-6 h-6" />