Client - make app name clickable
This commit is contained in:
parent
07e9a3c840
commit
df5bee936c
@ -10,7 +10,7 @@
|
|||||||
/>
|
/>
|
||||||
<div class="nav-container">
|
<div class="nav-container">
|
||||||
<div class="nav-app-name">
|
<div class="nav-app-name">
|
||||||
<div class="nav-item app-name">FitTrackee</div>
|
<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 }">
|
||||||
<button class="menu-button transparent" @click="openMenu()">
|
<button class="menu-button transparent" @click="openMenu()">
|
||||||
@ -19,7 +19,9 @@
|
|||||||
</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>
|
<router-link class="nav-item app-name" to="/">
|
||||||
|
FitTrackee
|
||||||
|
</router-link>
|
||||||
<button class="menu-button transparent" @click="closeMenu()">
|
<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"
|
||||||
@ -220,10 +222,14 @@
|
|||||||
&.router-link-exact-active {
|
&.router-link-exact-active {
|
||||||
color: var(--nav-bar-link-active);
|
color: var(--nav-bar-link-active);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
&.app-name {
|
||||||
|
color: var(--app-color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-name {
|
.app-name {
|
||||||
|
color: var(--app-color);
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
Loading…
Reference in New Issue
Block a user