Decrease padding in side nav (#471)

This commit is contained in:
Kerem Yilmaz
2024-06-13 11:05:00 -07:00
committed by GitHub
parent 862cdf187f
commit 08c3fe1239

View File

@@ -8,11 +8,11 @@ import { NavLink } from "react-router-dom";
function SideNav() {
return (
<nav>
<nav className="space-y-2">
<NavLink
to="create"
className={({ isActive }) => {
return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
"bg-muted": isActive,
});
}}
@@ -23,7 +23,7 @@ function SideNav() {
<NavLink
to="tasks"
className={({ isActive }) => {
return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
"bg-muted": isActive,
});
}}
@@ -34,7 +34,7 @@ function SideNav() {
<NavLink
to="settings"
className={({ isActive }) => {
return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
"bg-muted": isActive,
});
}}