Change lower modals’ opacity

This commit is contained in:
Samuel Elliott 2018-02-13 17:03:51 +00:00
parent 8706e9ef0f
commit 21a8554d6f
1 changed files with 1 additions and 1 deletions

View File

@ -12,7 +12,7 @@
<div class="bd-modals-container"> <div class="bd-modals-container">
<div v-for="(modal, index) in modals.stack" :key="`bd-modal-${index}`"> <div v-for="(modal, index) in modals.stack" :key="`bd-modal-${index}`">
<div class="bd-backdrop" :class="{'bd-backdrop-out': modal.closing}" :style="{opacity: index === 0 ? undefined : 0}"></div> <div class="bd-backdrop" :class="{'bd-backdrop-out': modal.closing}" :style="{opacity: index === 0 ? undefined : 0}"></div>
<div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1)})`, opacity: downscale(index + 1)}"> <div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1)})`, opacity: downscale(index + 1) / 0.5 + 0.5}">
<div class="bd-modal-close-area" @click="closeModal(modal)"></div> <div class="bd-modal-close-area" @click="closeModal(modal)"></div>
<component :is="modal.component" /> <component :is="modal.component" />
</div> </div>