jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Loading modal update

Browse source
This commit is contained in:
Chloe Herd 2023-09-14 09:19:47 -04:00
parent f90e0007e7
commit 390fd0ffb4
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/fmg-components/loading-modal/loading-modal.vue
View file

@ -1,7 +1,7 @@
<template>
<div v-if="isModalVisible">
<div class="dimmer-overlay"></div>
<div class="container-fluid modal-loader" :class="layoutClass">
<div v-if="notFullScreen" class="dimmer-overlay"></div>
<div class="modal-loader" :class="layoutClass">
<div class="row g-2 h-100 d-flex align-items-center">
<div class="container-fluid overflow-hidden">
<div class="row h-100">
@ -69,7 +69,7 @@ export default {
},
computed: {
layoutClass() {
return this.notFullScreen ? "card-layout" : "full-screen";
return this.notFullScreen ? "card-layout" : "full-screen container-fluid";
},
},
methods: {
@ -123,12 +123,20 @@ export default {
}
&.card-layout {
height: 186px;
width: calc(100% - 3rem);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 1rem;
border-radius: 0.5rem;
position: absolute;
top: calc(50% - 93px);
left: 1.5rem;
& .text-container {
display: none;
}
& .mb-4 {
margin-bottom: 0;
}
}
.tagbg {