From eaeddec72aa5de22df77eacfc3122a7870501145 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Mon, 13 Nov 2023 22:13:39 +0300
Subject: [PATCH] center alignment of header nav

---
 luckydiamond/src/pages/HeaderElement.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index 3889b10..1355f97 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -4,6 +4,13 @@
       <div class="header__logo">
         <img src="../assets/logo.svg" alt="LuckyDiamond">
       </div>
+      <div class="header__nav">
+          <nav>
+            <a href="#">Главная</a>
+            <a href="#">Профиль</a>
+            <a href="#">Помощь</a>
+          </nav>
+      </div>
     </div>
   </header>
 </template>
@@ -21,7 +28,6 @@ export default {
   top: 0;
   width: 100%;
   z-index: 1;
-  user-select: none;
   overflow: hidden;
 }
 .header::before {
@@ -47,10 +53,19 @@ export default {
   z-index: -2;
 }
 .header__content {
+  display: flex;
+  align-items: center;
   position: relative;
   z-index: 1;
 }
+.header__nav {
+  flex-grow: 0.69;
+  display: flex;
+  justify-content: center;
+}
 .header__logo {
   padding: 26px 58px;
+  user-select: none;
 }
+
 </style>
\ No newline at end of file