@fy-/fws-vue 2.3.23 → 2.3.24
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,18 @@ 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
|
+
// For desktop, reserve more space at the bottom for the info panel
|
|
142
|
+
// This prevents overlap with the bottom panel
|
|
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)
|
|
148
|
+
? infoPanelRef.value.offsetHeight
|
|
149
|
+
: 0
|
|
150
|
+
|
|
151
|
+
const availableHeight = windowHeight.value - topHeight - infoHeight - bottomPadding
|
|
142
152
|
|
|
143
153
|
// Apply size directly to fill available space
|
|
144
154
|
mainImage.style.maxHeight = `${availableHeight}px`
|