Add bottom padding to Sidebar (#4993)

MananTank · MananTank · commit 1b559bf2241f · 2024-10-11T15:12:09.000Z
## Problem solved

Short description of the bug fixed or feature added

&lt;!-- start pr-codex --&gt;

---

## PR-Codex overview
This PR focuses on modifying the padding class in the `Sidebar.tsx` component to enhance the layout.

### Detailed summary
- Changed the class from `pt-7` to `py-7` in the `div` element, which adjusts the vertical padding (top and bottom) instead of just the top padding.

&gt; ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

&lt;!-- end pr-codex --&gt;
diff --git a/apps/dashboard/src/@/components/blocks/Sidebar.tsx b/apps/dashboard/src/@/components/blocks/Sidebar.tsx
@@ -35,7 +35,7 @@ export function Sidebar(props: SidebarContentProps) {
         props.className,
       )}
     >
-      <div className="pt-7">
+      <div className="py-7">
         {props.header}
         <div className="flex flex-col gap-1">
           <RenderSidebarLinks links={props.links} />

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ export function Sidebar(props: SidebarContentProps) {`
`35`	`35`	`props.className,`
`36`	`36`	`)}`
`37`	`37`	`>`
`38`		`- <div className="pt-7">`
	`38`	`+ <div className="py-7">`
`39`	`39`	`{props.header}`
`40`	`40`	`<div className="flex flex-col gap-1">`
`41`	`41`	`<RenderSidebarLinks links={props.links} />`