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

Client - make app name clickable

Browse Source
This commit is contained in:
Sam 2024-01-06 15:43:03 +01:00
parent 07e9a3c840
commit df5bee936c
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;