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

Stopped using sass (as far as css file are tiny as they are), release 1.0.19

Browse Source
This commit is contained in:
euvl
2017-04-27 19:22:39 +03:00
parent b0b33f95cd
commit 31d1a71a3a
5 changed files with 47 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/Modal.vue
View File

@@ -285,7 +285,7 @@
}
};
</script>
<style lang="scss" scoped>
<style scoped>
.v--modal-overlay {
position: fixed;
left: 0;
@@ -295,14 +295,29 @@
background: rgba(0, 0, 0, 0.2);
z-index: 999;
opacity: 1;
}
.modal {
position: relative;
overflow: hidden;
box-sizing: border-box;
.v--modal-overlay .modal {
position: relative;
overflow: hidden;
box-sizing: border-box;
background-color: white;
}
background-color: white;
}
.v--modal {
background: white;
text-align: left;
border-radius: 3px;
box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);
padding: 0;
}
.v--modal.v--modal-fullscreen {
width: 100vw;
height: 100vh;
margin: 0;
left: 0;
top: 0;
}
.overlay-fade-enter-active, .overlay-fade-leave-active {
@@ -321,22 +336,4 @@
opacity: 0;
transform: translateY(-20px);
}
.v--modal {
background: white;
text-align: left;
border-radius: 3px;
box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);
padding: 0;
//background: yellow !important;
&.v--modal-fullscreen {
width: 100vw;
height: 100vh;
margin: 0;
left: 0;
top: 0;
}
}
</style>