Browse Source

fix: Войти/Регистрация с bg-white/10, тулбар только для авторизованных

neyrogovnarik 1 month ago
parent
commit
d730b5e5a3
1 changed files with 6 additions and 8 deletions
  1. 6 8
      frontend/src/components/Header.tsx

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

@@ -24,9 +24,8 @@ export default function Header() {
           PhotoPlaces
         </Link>
 
-        <div className="inline-flex items-center gap-3 rounded-lg bg-white/10 backdrop-blur-md px-4 py-2">
         {isLoading ? null : user ? (
-          <>
+          <div className="inline-flex items-center gap-3 rounded-lg bg-white/10 backdrop-blur-md px-4 py-2">
             <button
               onClick={() => setShowAddLocation(true)}
               className="rounded-lg bg-white/10 backdrop-blur-md px-3 py-1 text-sm font-bold text-white hover:bg-white/20 transition"
@@ -47,18 +46,17 @@ export default function Header() {
             >
               Выйти
             </button>
-          </>
+          </div>
         ) : (
-          <>
-            <button onClick={() => setShowLogin(true)} className="text-sm text-white hover:text-green-400 transition">
+          <div className="flex items-center gap-3">
+            <button onClick={() => setShowLogin(true)} className="rounded-lg bg-white/10 backdrop-blur-md px-3 py-1 text-sm text-white hover:bg-white/20 transition">
               Войти
             </button>
-            <button onClick={() => setShowRegister(true)} className="text-sm text-white hover:text-green-400 transition">
+            <button onClick={() => setShowRegister(true)} className="rounded-lg bg-white/10 backdrop-blur-md px-3 py-1 text-sm text-white hover:bg-white/20 transition">
               Регистрация
             </button>
-          </>
+          </div>
         )}
-      </div>
       </header>
     </>
   )