phase 1 & 2 fix pic scale

This commit is contained in:
Julian Freeman
2026-01-18 23:03:13 -04:00
parent 8a92eea397
commit a588caf743
2 changed files with 7 additions and 78 deletions

View File

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