No OneTemporary
Actions

Authored By

Unknown

Size

847 B

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
	index 51f35262df..74e81109a3 100644
	--- a/src/components/modal/modal.vue
	+++ b/src/components/modal/modal.vue
	@@ -1,34 +1,34 @@
	<template>
	<div
	v-show="isOpen"
	v-body-scroll-lock="isOpen"
	:class="['modal-view', viewClass]"
	@click.self="closeModal"
	>
	<slot />
	</div>
	</template>

	<script src="./modal.js"></script>

	<style lang="scss">
	.modal-view {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: auto;
	animation-duration: 0.2s;
	background-color: rgba(0, 0, 0, 0.5);
	animation-name: modal-background-fadein;

	body:not(.scroll-locked) & {
	- display: none;
	+ opacity: 0;
	}
	}
	</style>