lock body scroll when user reporting modal is open

This commit is contained in:
taehoon 2019-10-17 16:00:19 -04:00
parent 776f0ef774
commit 8db1fa506c
1 changed files with 8 additions and 1 deletions

View File

@ -1,7 +1,8 @@
<template>
<div
v-if="isOpen"
class="modal-view"
v-body-scroll-lock="isOpen"
class="modal-view user-reporting-modal-view"
@click="closeModal"
>
<div
@ -77,6 +78,12 @@
<style lang="scss">
@import '../../_variables.scss';
.user-reporting-modal-view {
body:not(.scroll-locked) & {
display: none;
}
}
.user-reporting-panel {
width: 90vw;
max-width: 700px;