phase 1 & 2 fix pic scale
This commit is contained in:
@@ -6,11 +6,12 @@ const store = useGalleryStore();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="w-full h-full flex items-center justify-center bg-black relative">
|
||||
<div v-if="store.selectedImage" class="relative max-w-full max-h-full">
|
||||
<div class="w-full h-full flex items-center justify-center bg-black relative p-4 overflow-hidden">
|
||||
<div v-if="store.selectedImage" class="relative inline-flex justify-center items-center" style="max-width: 100%; max-height: 100%;">
|
||||
<img
|
||||
:src="convertFileSrc(store.selectedImage.path)"
|
||||
class="max-w-full max-h-full object-contain"
|
||||
class="max-w-full max-h-full w-auto h-auto block shadow-lg"
|
||||
style="max-height: calc(100vh - 10rem);"
|
||||
alt="Hero Image"
|
||||
/>
|
||||
<!-- Watermark Overlay Placeholder -->
|
||||
|
||||
Reference in New Issue
Block a user