fix(front) Переделан pagelayout + добавлена AddItem

2026-06-10 17:21:29 +03:00
parent 735d06f14e
commit ef5ee1ef99
6 changed files with 107 additions and 97 deletions
@@ -6,18 +6,13 @@ export default function CategoryTabs({
  onSelectCategory,
 }) {
  return (
-    <div className="flex flex-wrap justify-center md:justify-start gap-6 md:gap-8 my-15 text-sm font-medium tracking-wider text-slate-400 ">
-      <button
-        className={`uppercase transition-colors duration-200 hover:text-white cursor-pointer ${activeCategory === "all"
-            ? "text-white border-b-2 border-gold pb-1"
-            : ""
-          }`}
-      >
-        все
-      </button>
+    <div
+      className="flex flex-wrap justify-center gap-6 mt-5 mb-10 text-lg font-medium text-slate-200
+  "
+    >
      {categories.map((cat) => (
        <button
-          key={cat}
+          key={cat || "all"}
          onClick={() => onSelectCategory(cat)}
          className={`uppercase transition-colors duration-200 hover:text-white cursor-pointer ${activeCategory === cat
              ? "text-white border-b-2 border-gold pb-1"
@@ -13,7 +13,12 @@ export default function HeaderMobile() {
    <>
      <header className="w-full h-27.5 px-6 flex items-center justify-between ">
        <div className="flex items-center gap-1">
-          <BurgerButton isOpen={isOpen} onClick={() => setIsOpen(!isOpen)} />
+          <BurgerButton
+            isOpen={isOpen}
+            onClick={() => {
+              setIsOpen(!isOpen);
+            }}
+          />
          <button
            className="flex flex-col items-center text-sm tracking-widest text-gold"
            onClick={() => navigate("/")}
@@ -5,7 +5,7 @@ import HeaderMobile from "./HeaderMobile";

 export default function PageLayout({ children }) {
  return (
-    <body className="min-h-screen flex flex-col w-full">
+    <div className="min-h-screen flex flex-col w-full">
      <div className="hidden lg:block">
        <HeaderDesktop />
      </div>
@@ -19,6 +19,6 @@ export default function PageLayout({ children }) {
      <div className="block lg:hidden">
        <FooterMobile />
      </div>
-    </body>
+    </div>
  );
 }