Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - fix menu buttons

Browse Source
This commit is contained in:
Sam 2023-07-13 09:14:00 +02:00
parent 33c5c6054f
commit ca67e90c50
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
fittrackee_client/src/components/NavBar.vue
View File

@ -13,16 +13,19 @@
<router-link class="nav-item app-name" to="/">FitTrackee</router-link>
</div>
<div class="nav-icon-open" :class="{ 'menu-open': isMenuOpen }">
<i class="fa fa-bars hamburger-icon" @click="openMenu()"></i>
<button class="menu-button transparent" @click="openMenu()">
<i class="fa fa-bars hamburger-icon"></i>
</button>
</div>
<div class="nav-items" :class="{ 'menu-open': isMenuOpen }">
<div class="nav-items-close">
<div class="app-name">FitTrackee</div>
<i
class="fa fa-close close-icon nav-item"
:class="{ 'menu-closed': !isMenuOpen }"
@click="closeMenu()"
/>
<button class="menu-button transparent" @click="closeMenu()">
<i
class="fa fa-close close-icon nav-item"
:class="{ 'menu-closed': !isMenuOpen }"
/>
</button>
</div>
<div class="nav-items-app-menu" @click="closeMenu()">
<div class="nav-items-group" v-if="isAuthenticated">
@ -190,6 +193,9 @@
.close-icon {
display: none;
}
.menu-button {
padding: 0;
}
.nav-items {
display: flex;