extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-02-02 19:49:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use a more mobile friendly Close button for modal

Browse Source
This commit is contained in:
Bubka 2020-09-25 13:46:07 +02:00
parent b4bc1ce2b4
commit eafff6c17e
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
resources/js/components/Modal.vue
View File

@ -1,18 +1,23 @@
<template>
<div class="modal modal-otp" v-bind:class="{ 'is-active': isActive }">
<div class="modal-background" @click.stop="closeModal"></div>
<div class="modal-content">
<section class="section">
<div class="columns is-centered">
<div class="column is-three-quarters">
<div class="box has-text-centered has-background-black-ter is-shadowless">
<slot></slot>
<div class="modal-background" @click.stop="closeModal"></div>
<div class="modal-content">
<section class="section">
<div class="columns is-centered">
<div class="column is-three-quarters">
<div class="box has-text-centered has-background-black-ter is-shadowless">
<slot></slot>
</div>
</div>
</div>
</div>
</section>
</div>
<button class="modal-close is-large" aria-label="close" @click.stop="closeModal"></button>
</section>
</div>
<div class="fullscreen-footer">
<!-- Close button -->
<label class="button is-dark is-rounded" @click.stop="closeModal">
{{ $t('commons.close') }}
</label>
</div>
</div>
</template>