@fy-/fws-vue 2.3.23 → 2.3.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -137,8 +137,17 @@ const updateImageSizes = useDebounceFn(() => {
|
|
|
137
137
|
|
|
138
138
|
// Simple, direct calculation of available space
|
|
139
139
|
const topHeight = topControlsRef.value?.offsetHeight || 0
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
|
|
141
|
+
// Always account for info panel height if it's visible
|
|
142
|
+
const infoHeight = infoPanel.value && infoPanelRef.value
|
|
143
|
+
? infoPanelRef.value.offsetHeight
|
|
144
|
+
: 0
|
|
145
|
+
|
|
146
|
+
// Add a small additional padding
|
|
147
|
+
const bottomPadding = 16
|
|
148
|
+
|
|
149
|
+
// Calculate total available height by subtracting all elements
|
|
150
|
+
const availableHeight = windowHeight.value - topHeight - infoHeight - bottomPadding
|
|
142
151
|
|
|
143
152
|
// Apply size directly to fill available space
|
|
144
153
|
mainImage.style.maxHeight = `${availableHeight}px`
|
|
@@ -662,6 +671,8 @@ onUnmounted(() => {
|
|
|
662
671
|
v-if="infoPanel && images[modelValue]"
|
|
663
672
|
ref="infoPanelRef"
|
|
664
673
|
class="info-panel absolute bottom-0 left-0 right-0 px-4 py-3 backdrop-blur-md bg-fv-neutral-900/70 z-45"
|
|
674
|
+
@transitionend="updateImageSizes"
|
|
675
|
+
@resize="updateImageSizes"
|
|
665
676
|
>
|
|
666
677
|
<slot :value="images[modelValue]" />
|
|
667
678
|
</div>
|