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