Fixed the visible 'Galerry' header on pages without images

Author: FileEX

web/src/components/PreviewImages.astro

@@ -29,19 +29,24 @@ if (images?.length) {
 ---
 
 {images?.length > 0 && (
-    <div class="preview-images">
-        {images.map(({ src, description, resolvedPath, width, height }) => (
-            <a href={src} class="glightbox" data-description={description} data-gallery="gallery">
-                <Image
-                    width={width}
-                    height={height}
-                    src={resolvedPath}
-                    alt={description || "Preview"}
-                    loading="lazy"
-                    decoding="async"
-                />
-            </a>
-        ))}
+    <div id="preview-images-gallery">
+        <h4>Gallery</h4>
+        <p>Click on the image to view the full preview along with the description.</p>
+
+        <div class="preview-images">
+            {images.map(({ src, description, resolvedPath, width, height }) => (
+                <a href={src} class="glightbox" data-description={description} data-gallery="gallery">
+                    <Image
+                        width={width}
+                        height={height}
+                        src={resolvedPath}
+                        alt={description || "Preview"}
+                        loading="lazy"
+                        decoding="async"
+                    />
+                </a>
+            ))}
+        </div>
     </div>
 )}
 

web/src/pages/reference/[func].astro

@@ -206,12 +206,9 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
         <CodeExamplesSection codeExamples={funcExamples}, examplesRequired={true} theItem={func} />
 
         <!-- Preview Images -->
-        <div id="preview-images-gallery">
-            <h4>Gallery</h4>
-            <p>Click on the image to view the full preview along with the description.</p>
-            <PreviewImages images={funcInfo.preview_images} />
-        </div>
-
+        <PreviewImages images={funcInfo.preview_images} />
+        
+        <!-- Changelog -->
         <ChangelogList entries={changelogEntries} />
 
         <SeeAlsoSection seeAlsoLinks={getSeeAlsoLinksForItem(func)} currentId={func.id} />