trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 22 Releases 5 Wiki Activity

Fixed placement of upload/retry buttons

Browse Source
This commit is contained in:
Jose Olarte III
2024-03-20 21:11:01 +08:00
parent fe0668e4b3
commit cbf8cb9f46
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GiftedPhotoDialog.vue
View File

@@ -1,7 +1,7 @@
<template>
<div v-if="visible" class="dialog-overlay z-[60]">
<!-- Breadcrumb -->
<div class="dialog">
<div class="dialog relative">
<!-- Back -->
<div class="text-lg text-center font-light relative z-50">
<!-- Heading -->
@@ -26,16 +26,18 @@
<fa icon="spinner" class="fa-spin fa-3x text-center block" />
</div>
<div v-else-if="blob">
<div class="flex justify-around">
<div
class="flex justify-center gap-2 absolute bottom-[1rem] left-[1rem] right-[1rem] bg-black/50 px-4 py-2"
>
<button
@click="uploadImage"
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2 rounded-full"
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full"
>
<span>Upload</span>
</button>
<button
@click="retryImage"
class="bg-slate-500 hover:bg-slate-700 text-white font-bold py-2 px-2 rounded-full"
class="bg-slate-500 hover:bg-slate-700 text-white font-bold py-2 px-4 rounded-full"
>
<span>Retry</span>
</button>