Fixed navbar

frontend/src/components/pages/Main/Main.tsx

@@ -1,4 +1,4 @@
-import less from "./Main.module.less"
+import less from "./Main.module.less";
 import { useTranslation } from "react-i18next";
 import { Input } from "../../shared/ui/input";
 import { submitRegister } from "../../widgets/Header/AuthAPI";
@@ -8,31 +8,44 @@ import { Link, useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
 import { deleteEvent, eventList } from "../AdminEventPage/AdminEventAPI";
 import VacancyCard from "../../entities/VacancyCard/VacancyCard";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "../../ui/card";
 import { TrashIcon } from "lucide-react";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../shared/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../../shared/ui/dialog";
 import { t } from "i18next";
 
-
-
 const Main = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
+  const { t } = useTranslation();
+  const navigate = useNavigate();
 
-    const [events, setEvents] = useState<Event[]>([]);
+  const [events, setEvents] = useState<Event[]>([]);
 
-    useEffect(() => {
-        eventList().then((data) => {
-            setEvents(data)
-        }).catch(error => {
-            console.error('Возникла ошибка с получением:', error)
-        })
-    }, []);
+  useEffect(() => {
+    eventList()
+      .then((data) => {
+        setEvents(data);
+      })
+      .catch((error) => {
+        console.error("Возникла ошибка с получением:", error);
+      });
+  }, []);
 
-return (
+  return (
     <div className={less["general-content"]}>
-        <div className={less["general-left"]}>
-            {events.map((event) => (
+      <div className={less["general-left"]}>
+        {/* {events.map((event) => (
                 <Card className={`${less["card"]} flex flex-row `}>
                     <div className="flex flex-col">
                         <CardHeader className={less["header"]}>
@@ -70,15 +83,14 @@ return (
 
                     </div>
                 </Card>
-            ))}
-            <Button variant="link" asChild><Link to={"/dash/admin"}>{t("iorganizer")}</Link></Button>
-
-        </div>
-        <div className={less["general-right"] + " shadow"}>
-
-        </div>
-
+            ))} */}
+        <Button variant="link" asChild>
+          <Link to={"/dash/admin"}>{t("iorganizer")}</Link>
+        </Button>
+      </div>
+      <div className={less["general-right"] + " shadow"}></div>
     </div>
-)
-}
-export default Main;
+  );
+};
+
+export default Main;

frontend/src/components/widgets/Header/Header.module.less

@@ -5,13 +5,15 @@
     justify-content:space-between;
     align-items: center;
     padding: 0px 32px;
+}
+
+.header_no_index {
     width: 100%;
     z-index: 999;
     position: fixed;
     width: 100%;
     top:  0;
     background-color: hsl(var(--background));
-
 }
 
 @logo-size: 80px;

frontend/src/components/widgets/Header/Header.tsx

@@ -1,18 +1,22 @@
-import less from "./Header.module.less"
-
+import less from "./Header.module.less";
 import { ModeToggle } from "../../mode-toggle";
-import { Link } from "react-router-dom";
-
+import { Link, useLocation } from "react-router-dom";
 
 const Header = () => {
+    const location = useLocation();
+
+    const isRoot = location.pathname !== "/";
+
+    const headerClasses = isRoot ? `${less.header} ${less.header_no_index}` : less.header;
+
     return (
-        <header className={less.header}>
-            <Link to={"/"}><img className={less.logo} src='/logo.svg'></img></Link>
+        <header className={headerClasses}>
+            <Link to={"/"}><img className={less.logo} src='/logo.svg' alt="Logo"></img></Link>
             <div className={less["line-block"]}>
                 <ModeToggle />
             </div>
-
         </header>
-    )
-}
-export default Header;
+    );
+};
+
+export default Header;