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>
<kbd>B</kbd>
<span> – Lock</span>
<span> – Lock Intensity</span>
</div>
</div>
</div>

8
src/components/HeaderItem.vue
View File

@ -7,16 +7,16 @@
<nav class="menu-wrapper">
<ul class="navigation">
<li class="navigation__item">
<a href="/" target="_self" class="navigation__link">Home</a>
<router-link to="/" class="navigation-item">Home</router-link>
</li>
<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 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 class="navigation__item">
<a href="/donate" target="_self" class="navigation__link">Donate</a>
<router-link to="/donate" class="navigation-item">Donate</router-link>
</li>
</ul>
</nav>

12
src/components/NavigationList.vue
View File

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