feat: add multiple admin dashboard layout components and update sidebar and navbar

2025-02-23 17:41:54 +08:00
parent 661baca101
commit 396721fbf2
17 changed files with 224 additions and 12 deletions
@@ -7,13 +7,11 @@ export const Sidebar = () => {
  return (
    <div className="flex min-h-[calc(100dvh-80px)] flex-col gap-y-10 overflow-y-auto bg-white p-5">
      {MENU.map(({ group, items }) => (
-        <div className="flex flex-col">
-          <div
-            key={group}
-            className="px-5 pb-4 text-[#4C5CA0]/50 uppercase"
-          >
-            {group}
-          </div>
+        <div
+          className="flex flex-col"
+          key={group}
+        >
+          <div className="px-5 pb-4 text-[#4C5CA0]/50 uppercase">{group}</div>
          {items.map(({ title, url, icon: Icon }) => (
            <NavLink
              to={url}
@@ -36,7 +34,7 @@ export const Sidebar = () => {
                  <span
                    className={twMerge(
                      isActive ? 'text-[#5363AB]' : 'text-[#273240]',
-                      'transition-all group-hover/menu:text-[#5363AB]',
+                      'text-base transition-all group-hover/menu:text-[#5363AB]',
                    )}
                  >
                    {title}