41 lines
925 B
Vue
41 lines
925 B
Vue
<template>
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav justify-content-center">
|
|
<li class="nav-item">
|
|
<router-link to="/manufacturer" class="nav-link">Производители</router-link>
|
|
<router-link to="/category" class="nav-link">Категории</router-link>
|
|
<router-link to="/product" class="nav-link">Продукты</router-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</template>
|
|
|
|
|
|
<style>
|
|
.navbar-brand {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav-link {
|
|
color: black;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
transition: color 0.3s ease-in-out;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: #dc3545;
|
|
}
|
|
</style>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script> |