mirror/wavelovers
1
0
Fork 0
mirror of https://github.com/eugene-serb/wavelovers.git synced 2023-09-09 23:41:16 +03:00
Code Issues Projects Releases Wiki Activity

- update instructions in app-manual.

Browse Source 
- added router-link to header navbar.
- update styles for nav-list.
This commit is contained in:
Eugene Serb 2022-08-12 18:21:10 +03:00
parent 3b5908da1c
commit 867d5d6586
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/AppManual.vue
View File

@ -32,7 +32,7 @@
</div> </div>
<div> <div>
<kbd>B</kbd> <kbd>B</kbd>
<span> – Lock</span> <span> – Lock Intensity</span>
</div> </div>
</div> </div>
</div> </div>

8
src/components/HeaderItem.vue
View File

@ -7,16 +7,16 @@
<nav class="menu-wrapper"> <nav class="menu-wrapper">
<ul class="navigation"> <ul class="navigation">
<li class="navigation__item"> <li class="navigation__item">
<a href="/" target="_self" class="navigation__link">Home</a> <router-link to="/" class="navigation-item">Home</router-link>
</li> </li>
<li class="navigation__item"> <li class="navigation__item">
<a href="/faq" target="_self" class="navigation__link">FAQ</a> <router-link to="/faq" class="navigation-item">FAQ</router-link>
</li> </li>
<li class="navigation__item"> <li class="navigation__item">
<a href="/about" target="_self" class="navigation__link">About</a> <router-link to="/about" class="navigation-item">About</router-link>
</li> </li>
<li class="navigation__item"> <li class="navigation__item">
<a href="/donate" target="_self" class="navigation__link">Donate</a> <router-link to="/donate" class="navigation-item">Donate</router-link>
</li> </li>
</ul> </ul>
</nav> </nav>

12
src/components/NavigationList.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div class="content-item navigation-list"> <div class="content-item navigation-list">
<router-link to="/" class="navigation-item">Patterns</router-link> <router-link to="/" class="navigation-list__item">Patterns</router-link>
<router-link to="/custom" class="navigation-item">Custom</router-link> <router-link to="/custom" class="navigation-list__item">Custom</router-link>
<router-link to="/manual" class="navigation-item">Manual</router-link> <router-link to="/manual" class="navigation-list__item">Manual</router-link>
<router-link to="/diagnostic" class="navigation-item">Diagnostic</router-link> <router-link to="/diagnostic" class="navigation-list__item">Diagnostic</router-link>
</div> </div>
</template> </template>
@ -23,8 +23,8 @@
gap: 16px; gap: 16px;
} }
.navigation-item.router-link-active, .navigation-list__item.router-link-active,
.navigation-item.router-link-exact-active { .navigation-list__item.router-link-exact-active {
border-bottom: 2px solid var(--color-link-hover); border-bottom: 2px solid var(--color-link-hover);
color: var(--color-link-hover); color: var(--color-link-hover);
transition: all 0.5s ease; transition: all 0.5s ease;