KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added maxAdaprive(Width/Height) props

Browse Source
This commit is contained in:
euvl
2017-06-05 16:50:21 +01:00
parent a12d9aefee
commit 082f70477b
1 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Modal.vue
View File

@@ -69,6 +69,20 @@
type: Number,
default: 0
},
adaptiveMaxWidth: {
type: Number,
default: 1,
validator (value) {
return value > 0 && value <= 1
}
},
adaptiveMaxHeight: {
type: Number,
default: 1,
validator (value) {
return value > 0 && value <= 1
}
}
width: {
type: Number,
default: 600
@@ -219,8 +233,14 @@
adaptSize () {
if (this.adaptive) {
this.modal.width = inRange(0, this.window.width, this.modal.width)
this.modal.height = inRange(0, this.window.height, this.modal.height)
this.modal.width = inRange(
0,
this.window.width * this.maxAdaptiveWidth,
this.modal.width)
this.modal.height = inRange(
0,
this.window.height * this.maxAdaptiveWidth,
this.modal.height)
}
},