Decrease padding in side nav (#471)
This commit is contained in:
@@ -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,
|
||||
});
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user