WIP создал и интегрировал с беком карточку адреса формы создания, заменил кнопки на BaseButton
This commit is contained in:
43
src/components/base/BaseSidebarButton.vue
Normal file
43
src/components/base/BaseSidebarButton.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user