Переглянути джерело

fix: тулбар перенесён внутрь header

neyrogovnarik 1 місяць тому
батько
коміт
ee5ebf3e11
1 змінених файлів з 6 додано та 6 видалено
  1. 6 6
      frontend/src/components/Header.tsx

+ 6 - 6
frontend/src/components/Header.tsx

@@ -15,17 +15,16 @@ export default function Header() {
 
   return (
     <>
+      {showLogin && <LoginModal onClose={() => setShowLogin(false)} />}
+      {showRegister && <RegisterModal onClose={() => setShowRegister(false)} />}
+      {showAddLocation && <AddLocationModal onClose={() => setShowAddLocation(false)} />}
+
       <header className="absolute left-0 right-0 top-0 z-30 flex items-center justify-between px-4 py-3">
         <Link href="/" className="text-lg font-bold text-white">
           PhotoPlaces
         </Link>
-      </header>
 
-      {showLogin && <LoginModal onClose={() => setShowLogin(false)} />}
-      {showRegister && <RegisterModal onClose={() => setShowRegister(false)} />}
-      {showAddLocation && <AddLocationModal onClose={() => setShowAddLocation(false)} />}
-
-      <div className="absolute right-4 top-4 z-30 inline-flex items-center gap-3 rounded-lg bg-white/10 backdrop-blur-md px-4 py-2">
+        <div className="inline-flex items-center gap-3 rounded-lg bg-white/10 backdrop-blur-md px-4 py-2">
         {isLoading ? null : user ? (
           <>
             <button
@@ -60,6 +59,7 @@ export default function Header() {
           </>
         )}
       </div>
+      </header>
     </>
   )
 }