VueTube/NUXT/components/ExtendedComponents/swipeableBottomSheet/swipeableBottomSheet.js

35 lines
725 B
JavaScript
Raw Normal View History

2022-04-18 05:58:59 +00:00
import "./swipeableBottomSheet.sass";
// Extensions
import { VDialog } from "vuetify/lib";
/* @vue/component */
export default VDialog.extend({
name: "swipeable-bottom-sheet",
props: {
inset: Boolean,
maxWidth: [String, Number],
transition: {
type: String,
default: "bottom-sheet-transition",
},
},
computed: {
classes() {
return {
...VDialog.options.computed.classes.call(this),
"swipeable-bottom-sheet": true,
"swipeable-bottom-sheet--inset": this.inset,
};
},
contentClasses() {
return {
"swipeable-bottom-sheet__content": true,
2022-04-19 14:03:46 +00:00
"swipeable-bottom-sheet__content--active": this.isActive,
2022-04-18 05:58:59 +00:00
};
},
},
});