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() { function SideNav() {
return ( return (
<nav> <nav className="space-y-2">
<NavLink <NavLink
to="create" to="create"
className={({ isActive }) => { 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, "bg-muted": isActive,
}); });
}} }}
@@ -23,7 +23,7 @@ function SideNav() {
<NavLink <NavLink
to="tasks" to="tasks"
className={({ isActive }) => { 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, "bg-muted": isActive,
}); });
}} }}
@@ -34,7 +34,7 @@ function SideNav() {
<NavLink <NavLink
to="settings" to="settings"
className={({ isActive }) => { 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, "bg-muted": isActive,
}); });
}} }}