|
|
@ -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> |
|
|
|