mirror of
https://github.com/eugene-serb/wavelovers.git
synced 2023-09-09 23:41:16 +03:00
5b70538117
- added condition for link tags. - improve stability. - linted code. - up version. - build.
34 lines
946 B
Vue
34 lines
946 B
Vue
<template>
|
|
<div class="content-item navigation-list">
|
|
<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>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
name: 'NavigationList',
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.navigation-list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
gap: 16px;
|
|
}
|
|
|
|
.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;
|
|
text-decoration: none;
|
|
}
|
|
</style>
|