Untitled
unknown
plain_text
2 years ago
784 B
5
Indexable
<template> <router-link :to="path"> <div :class=" active === true ? 'menu-selector-container' : 'menu-selector-container menu-selector-container--active' "> <div class="menu-selector-text">{{ name }} </div> </div> </router-link> </template> <script> export default { name: 'MenuSelectorComponent', props: { active: Boolean, name: String, path: String } } </script> <style scoped> .menu-selector-container { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; color: black; } .menu-selector-container--active { color: grey; text-decoration: none; } .menu-selector-text { font-weight: 700; font-size: 13px; line-height: 22px; float: right; } </style>
Editor is loading...