@fy-/fws-vue 2.3.24 → 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.
|
@@ -138,16 +138,15 @@ const updateImageSizes = useDebounceFn(() => {
|
|
|
138
138
|
// Simple, direct calculation of available space
|
|
139
139
|
const topHeight = topControlsRef.value?.offsetHeight || 0
|
|
140
140
|
|
|
141
|
-
//
|
|
142
|
-
|
|
143
|
-
const bottomPadding = windowWidth.value > 768 ? 100 : 32
|
|
144
|
-
|
|
145
|
-
// Account for info panel only on mobile (where it overlays in the middle)
|
|
146
|
-
// On desktop, we use the bottomPadding to prevent overlap
|
|
147
|
-
const infoHeight = (windowWidth.value <= 768 && infoPanel.value && infoPanelRef.value)
|
|
141
|
+
// Always account for info panel height if it's visible
|
|
142
|
+
const infoHeight = infoPanel.value && infoPanelRef.value
|
|
148
143
|
? infoPanelRef.value.offsetHeight
|
|
149
144
|
: 0
|
|
150
145
|
|
|
146
|
+
// Add a small additional padding
|
|
147
|
+
const bottomPadding = 16
|
|
148
|
+
|
|
149
|
+
// Calculate total available height by subtracting all elements
|
|
151
150
|
const availableHeight = windowHeight.value - topHeight - infoHeight - bottomPadding
|
|
152
151
|
|
|
153
152
|
// Apply size directly to fill available space
|
|
@@ -672,6 +671,8 @@ onUnmounted(() => {
|
|
|
672
671
|
v-if="infoPanel && images[modelValue]"
|
|
673
672
|
ref="infoPanelRef"
|
|
674
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"
|
|
675
676
|
>
|
|
676
677
|
<slot :value="images[modelValue]" />
|
|
677
678
|
</div>
|