|
|
@ -1,10 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<Teleport to="body"> |
|
|
<Teleport to="body"> |
|
|
<Transition name="fade"> |
|
|
<Transition name="fade"> |
|
|
<div |
|
|
<div v-if="isOpen" class="fixed inset-0 z-50 flex flex-col bg-black/90"> |
|
|
v-if="isOpen" |
|
|
|
|
|
class="fixed inset-0 z-50 flex flex-col bg-black/90" |
|
|
|
|
|
> |
|
|
|
|
|
<!-- Header bar - fixed height to prevent overlap --> |
|
|
<!-- Header bar - fixed height to prevent overlap --> |
|
|
<div class="h-16 flex justify-between items-center px-4 bg-black"> |
|
|
<div class="h-16 flex justify-between items-center px-4 bg-black"> |
|
|
<button |
|
|
<button |
|
|
@ -69,7 +66,7 @@ export default class ImageViewer extends Vue { |
|
|
if (navigator.share) { |
|
|
if (navigator.share) { |
|
|
// Always share the URL since it's more reliable across platforms |
|
|
// Always share the URL since it's more reliable across platforms |
|
|
await navigator.share({ |
|
|
await navigator.share({ |
|
|
url: this.imageUrl |
|
|
url: this.imageUrl, |
|
|
}); |
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
// Fallback for browsers without share API |
|
|
// Fallback for browsers without share API |
|
|
|
