44 lines
977 B
Vue
44 lines
977 B
Vue
<template lang="pug">
|
|
a(:href="path")
|
|
button.button.cursor-pointer.text-4xl.py-3.pr-4.pl-3(:id="id" :class="{active:active}" @click="(e) => changeStylePage(e)")
|
|
slot
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ButtonSidebar",
|
|
props: {
|
|
path: String,
|
|
id: String,
|
|
changeStylePage: Function,
|
|
active: Boolean,
|
|
},
|
|
data() {
|
|
return {
|
|
selectedStyle: false,
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
.button
|
|
width: fit-content
|
|
background-color: var(--btn-blue-color-0)
|
|
border-radius: 0 4px 4px 0
|
|
border-left-color: var(--btn-blue-color-0)
|
|
border-left-width: 4px
|
|
border-right: none
|
|
border-top: none
|
|
border-bottom: none
|
|
border-left-style: solid
|
|
.active
|
|
background-color: var(--btn-blue-color-1)
|
|
border-left-color: var(--btn-blue-color)
|
|
color: var(--btn-blue-color)
|
|
.button:hover
|
|
background-color: var(--btn-blue-color-1)
|
|
border-left-color: var(--btn-blue-color)
|
|
color: var(--btn-blue-color)
|
|
</style>
|