53 lines
1007 B
Vue
53 lines
1007 B
Vue
<template>
|
|
<nav class="menu-nav">
|
|
<ul class="links-list">
|
|
<li class="link-item">
|
|
<RouterLink to="/categoria/ramos">Ramos</RouterLink>
|
|
</li>
|
|
|
|
<li class="link-item">
|
|
<RouterLink to="/categoria/plantas">Plantas</RouterLink>
|
|
</li>
|
|
|
|
<!-- <li class="link-item">
|
|
<RouterLink to="/category">Floranet</RouterLink>
|
|
</li> -->
|
|
|
|
<!-- <li class="link-item">
|
|
<RouterLink to="/category">FAQs</RouterLink>
|
|
</li> -->
|
|
|
|
<li class="link-item">
|
|
<a href="#question-section">Contacta</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
name: 'NavLinks',
|
|
components: {},
|
|
setup() {
|
|
return {};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.menu-nav .links-list {
|
|
display: flex;
|
|
gap: 16px;
|
|
|
|
& .link-item a {
|
|
color: $white;
|
|
}
|
|
|
|
@media only screen and (max-width: calc($med-xmd + 100px)) {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|