Removed the donation feature from the app and created a DonationPopup.vue component.

This commit is contained in:
PascalMarchesseault
2024-06-28 02:18:34 -04:00
parent e8fac33d81
commit a609fc291f
3 changed files with 75 additions and 32 deletions

View File

@@ -23,32 +23,6 @@
<Footer></Footer>
</div>
</div>
<div class="fixed z-50 bottom-10 right-10 flex flex-column">
<div
v-if="showPopup"
ref="popup"
class="z-50 shadow-md shadow-gray-500 rounded-2xl"
>
<div class="bg-fuchsia-900 p-4 rounded-t-2xl font-semibold self-center text-white text-center">
Je Soutiens!
</div>
<div class="bg-gray-100 rounded-b-2xl p-4">
<div class="mx-2">
<StripePayment></StripePayment>
</div>
</div>
</div>
<div
@click="togglePopup"
ref="popupButton"
class="bg-purple rounded-full w-16 h-16 flex justify-center items-center self-end mt-4 cursor-pointer"
style="background: radial-gradient(circle, rgba(163,14,121,1) 50%, rgba(107,0,101,1) 100%); border: 2px solid white;"
>
<v-icon class="text-2xl">mdi-gift-outline</v-icon>
</div>
</div>
</div>
</v-app>
</template>
@@ -86,10 +60,6 @@ const clearCloseSidebarTimer = () => {
clearTimeout(closeSidebarTimer);
};
const togglePopup = () => {
showPopup.value = !showPopup.value;
};
const handleClickOutside = (event) => {
if (
popup.value &&