yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

center alignment of header nav

Browse Source
This commit is contained in:
Kostya
2023-11-13 22:13:39 +03:00
parent b364311c6f
commit eaeddec72a
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
luckydiamond/src/pages/HeaderElement.vue
View File

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