hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix customModal style

Browse Source
This commit is contained in:
enzoggqs 2023-02-03 01:31:55 -03:00
parent 8df9207d2d
commit 37347e18d4
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CustomModal.vue
View File

@ -2,7 +2,7 @@
</script>
<template>
<div class="modal-overlay backdrop-blur-sm sm:backdrop-blur-none">
<div class="modal-overlay inset-0 fixed justify-center backdrop-blur-sm sm:backdrop-blur-none">
<div class="modal px-5 text-center">
<p class="text-black tracking-tighter leading-tight my-6 mx-2 text-justify">
<strong>ATENÇÃO!</strong>
@ -23,13 +23,7 @@
<style scoped>
.modal-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
display: flex !important;
}
.modal {

7
src/components/QrCodeComponent.vue
View File

@ -3,7 +3,7 @@ import { pix } from "../utils/QrCodePix";
import { ref } from "vue";
import { debounce } from "@/utils/debounce";
import CustomButton from "./CustomButton.vue";
import AttentionModal from "./CustomModal.vue";
import CustomModal from "./CustomModal.vue";
import api from "../services/index";
// props and store references
@ -152,7 +152,10 @@ const validatePix = async (): Promise<void> => {
@button-clicked="emit('pixValidated', e2eId)"
/>
</div>
<AttentionModal v-show="showModal" @close-modal="showModal = false" />
<CustomModal
v-if="showModal"
@close-modal="showModal = false"
/>
</div>
</template>