|
|
@ -3,10 +3,13 @@
|
|
|
|
:text="textMode"
|
|
|
|
:text="textMode"
|
|
|
|
depressed
|
|
|
|
depressed
|
|
|
|
:height="height"
|
|
|
|
:height="height"
|
|
|
|
x-small
|
|
|
|
|
|
|
|
:width="width"
|
|
|
|
:width="width"
|
|
|
|
:class="`color-${color} ${bgColor}`"
|
|
|
|
:class="`color-${color} ${bgColor}`"
|
|
|
|
:type="type"
|
|
|
|
:type="type"
|
|
|
|
|
|
|
|
:x-small="xs"
|
|
|
|
|
|
|
|
:small="sm"
|
|
|
|
|
|
|
|
:large="lg"
|
|
|
|
|
|
|
|
:x-large="xl"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<template v-if="text">
|
|
|
|
<template v-if="text">
|
|
|
|
<template v-if="icon"
|
|
|
|
<template v-if="icon"
|
|
|
@ -50,6 +53,13 @@ export default {
|
|
|
|
type: String,
|
|
|
|
type: String,
|
|
|
|
default: "button",
|
|
|
|
default: "button",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
xs: {
|
|
|
|
|
|
|
|
type: Boolean,
|
|
|
|
|
|
|
|
default: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
sm: Boolean,
|
|
|
|
|
|
|
|
lg: Boolean,
|
|
|
|
|
|
|
|
xl: Boolean,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
@ -57,17 +67,14 @@ export default {
|
|
|
|
.custom-btn {
|
|
|
|
.custom-btn {
|
|
|
|
border: 2px solid var(--color-white) !important;
|
|
|
|
border: 2px solid var(--color-white) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.custom-icon {
|
|
|
|
|
|
|
|
padding: 5px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.filter-btn .v-btn__content .v-icon,
|
|
|
|
.filter-btn .v-btn__content .v-icon,
|
|
|
|
.filter-btn .v-btn__content .v-icon::before {
|
|
|
|
.filter-btn .v-btn__content .v-icon::before {
|
|
|
|
margin-left: 0 !important;
|
|
|
|
margin-left: 0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.modal__icon::before {
|
|
|
|
// .modal__icon::before {
|
|
|
|
margin-right: 0 !important;
|
|
|
|
// margin-right: 0 !important;
|
|
|
|
margin-left: 0 !important;
|
|
|
|
// margin-left: 0 !important;
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
@import "../../../styles/setup/variables.scss";
|
|
|
|
@import "../../../styles/setup/variables.scss";
|
|
|
|
@each $color, $value in $allColors {
|
|
|
|
@each $color, $value in $allColors {
|
|
|
|
.v-btn.color-#{ "" + $color} {
|
|
|
|
.v-btn.color-#{ "" + $color} {
|
|
|
|