mirror of
https://github.com/VueTubeApp/VueTube
synced 2024-11-26 13:13:03 +00:00
34 lines
725 B
JavaScript
34 lines
725 B
JavaScript
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,
|
|
"swipeable-bottom-sheet__content--active": this.isActive,
|
|
};
|
|
},
|
|
},
|
|
});
|