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