From 490e4c34c8588bf6095346944e9f025eaa0addaf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 10 Jan 2023 10:03:23 +0100
Subject: Improved appearance of related content

---
 templates/partials/related.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

(limited to 'templates/partials')

diff --git a/templates/partials/related.html b/templates/partials/related.html
index b6e2169..4c8384a 100644
--- a/templates/partials/related.html
+++ b/templates/partials/related.html
@@ -14,11 +14,27 @@ $if(related)$
             </header>
             <div class="l-card-list__cards l-card-list__cards--$related.layout.id$">
                 $if(related.layout.is_grid-2)$
-                    $related.prev:partials/grid_card()$
-                    $related.next:partials/grid_card()$
+                    $if(related.prev)$
+                        $related.prev:partials/grid_card()$
+                    $else$
+                    <div class="l-card-list__card c-card c-card--outline"></div>
+                    $endif$
+                    $if(related.next)$
+                        $related.next:partials/grid_card()$
+                    $else$
+                        <div class="l-card-list__card c-card c-card--outline"></div>
+                    $endif$
                 $else$
-                    $related.prev:partials/gallery_card()$
-                    $related.next:partials/gallery_card()$
+                    $if(related.prev)$
+                        $related.prev:partials/gallery_card()$
+                    $else$
+                    <div class="l-card-list__card c-card c-card--outline"></div>
+                    $endif$
+                    $if(related.next)$
+                        $related.next:partials/gallery_card()$
+                    $else$
+                    <div class="l-card-list__card c-card c-card--outline"></div>
+                    $endif$
                 $endif$
             </div>
         </div>
-- 
cgit v1.2.3-54-g00ecf