style: adding gap in menu items (#16)

Co-authored-by: Noelia <noeliadonato@gmail.com>
nsdonato · Jan 27, 2024 · b25bf87 · b25bf87
1 parent b6f9655
commit b25bf87
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/sidebar-menu/sidebar-menu.tsx b/components/sidebar-menu/sidebar-menu.tsx
@@ -17,15 +17,15 @@ export const SidebarMenu = async ({ className }: SidebarMenuProps) => {
 
 	return (
 		<nav className={className}>
-			<ul className='menu rounded-box shadow-lg'>
+			<ul className='menu rounded-box shadow-lg grid gap-1'>
 				{menu.map(menuItem => (
 					<li key={menuItem.name}>
 						{menuItem.name === MAIN_MENU ? (
 							<LinkWrapper href='/'> {menuItem.name}</LinkWrapper>
 						) : (
 							<details open>
 								<summary>{menuItem.name}</summary>
-								<ul>
+								<ul className='grid gap-1'>
 									{menuItem.items?.length === 1 ? (
 										<SidebarMenuItem items={[]} />
 									) : (

diff --git a/components/sidebar-menu/sidebar-submenu-item.tsx b/components/sidebar-menu/sidebar-submenu-item.tsx
@@ -7,10 +7,10 @@ type SidebarSubMenuItemProps = {
 
 export const SidebarSubMenuItem = ({ submenu }: SidebarSubMenuItemProps) => {
 	return (
-		<li>
+		<li className='grid gap-1'>
 			<details>
 				<summary>{submenu.name}</summary>
-				<ul>
+				<ul className='grid gap-1'>
 					<SidebarMenuItem items={submenu.items} />
 				</ul>
 			</details>