Fix modal design

This commit is contained in:
Dane Everitt 2019-05-14 16:51:38 -07:00
parent da2044fb10
commit 487128d00f
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 9 additions and 4 deletions

View file

@ -1,11 +1,11 @@
<template>
<transition name="modal">
<div class="modal-mask" v-show="isVisible" v-on:click="closeOnBackground && close()">
<div class="modal-container p-8" :class="{ 'full-screen': isFullScreen }" @click.stop>
<div class="modal-container top" :class="{ 'full-screen': isFullScreen }" @click.stop>
<div class="modal-close-icon" v-on:click="close" v-if="dismissable && showCloseIcon">
<Icon name="x" aria-label="Close modal" role="button"/>
</div>
<div class="modal-content">
<div class="modal-content p-8">
<slot/>
</div>
</div>