Change lower modals’ opacity
This commit is contained in:
parent
8706e9ef0f
commit
21a8554d6f
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue