From 96e23c4b8cd73ca0ce3a93d3fe177726bca2e893 Mon Sep 17 00:00:00 2001
From: Vyacheslav <76677694+flyare1337@users.noreply.github.com>
Date: Fri, 23 Aug 2024 14:52:01 +0300
Subject: [PATCH] Update Header.vue

---
 src/components/Header.vue | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index c674887..5cd17f0 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -9,23 +9,23 @@ const authStore = useAuthStore()
   <header class="header">
     <div class="header-container">
       <div class="container">
-        <h1 class="">{{ getTitle() }}</h1>
+        <h1>{{ getTitle() }}</h1>
+        <div v-if="authStore.isAuthorized">
+          <button type="button">
+            {{ authStore.user.username }}
+          </button>
+          <button type="button" @click="authStore.logout">leave</button>
+        </div>
+        <div v-else>
+          <button type="button" @click="authStore.authDialogOpened = !authStore.authDialogOpened">
+            Войти
+          </button>
+        </div>
       </div>
     </div>
   </header>
 
-  <h1>{{ getTitle() }}</h1>
-  <div v-if="authStore.isAuthorized">
-    <button type="button">
-      {{ authStore.user.username }}
-    </button>
-    <button type="button" @click="authStore.logout">leave</button>
-  </div>
-  <div v-else>
-    <button type="button" @click="authStore.authDialogOpened = !authStore.authDialogOpened">
-      Войти
-    </button>
-  </div>
+
 </template>
 
 <style scoped></style>