Refactor sidebar buttons (minor)

CrumpetDev · Oct 21, 2023 · 6988333 · 6988333
1 parent a5ba77d
commit 6988333
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/sidebarMenu/sidebarButtonPrimary/index.tsx b/frontend/src/components/sidebarMenu/sidebarButtonPrimary/index.tsx
@@ -18,10 +18,10 @@ const SidebarButtonPrimary = ({
 			onClick={onClick}
       className={`${widthFill ? 'w-full' : ''} ${
         selected ? 'bg-crumpet-light-200' : ''
-      } hover:bg-crumpet-light-200 text-oxford font-bold py-2 px-3 rounded-md justify-start gap-3 
+      } hover:bg-crumpet-light-200 text-oxford font-bold p-2 rounded-md justify-start gap-3 
 				inline-flex items-center`}>
       {icon}
-      <div className="text-slate-900 text-[14px] font-semibold">{label}</div>
+      <div className="text-slate-900 text-sm font-semibold">{label}</div>
     </button>
   );
 };

diff --git a/frontend/src/components/sidebarMenu/sidebarButtonSecondary/index.tsx b/frontend/src/components/sidebarMenu/sidebarButtonSecondary/index.tsx
@@ -19,9 +19,9 @@ const SidebarButtonSecondary = ({
       className={`${
         widthFill ? 'w-full' : ''
       } bg-transparent hover:text-crumpet-dark-300 text-crumpet-dark-500 
-				py-2 px-3 rounded-md justify-start gap-3 inline-flex items-center`}>
+				p-2 rounded-md justify-start gap-3 inline-flex items-center`}>
       {icon}
-      <div className="text-[14px] font-semibold">{label}</div>
+      <div className="text-sm font-semibold">{label}</div>
       <div className="ml-auto fill-crumpet-dark-500">{secondaryIcon}</div>
     </button>
   );