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

7
src/components/QrCodeComponent.vue
View File

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