Client - fix menu buttons
This commit is contained in:
parent
33c5c6054f
commit
ca67e90c50
@ -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>
|
||||||
|
<button class="menu-button transparent" @click="closeMenu()">
|
||||||
<i
|
<i
|
||||||
class="fa fa-close close-icon nav-item"
|
class="fa fa-close close-icon nav-item"
|
||||||
:class="{ 'menu-closed': !isMenuOpen }"
|
:class="{ 'menu-closed': !isMenuOpen }"
|
||||||
@click="closeMenu()"
|
|
||||||
/>
|
/>
|
||||||
|
</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;
|
||||||
|
Loading…
Reference in New Issue
Block a user