From 4ecb912233293e17fac3b7b487cc87ad4c20e3c0 Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Sun, 11 Dec 2022 13:00:04 +0100
Subject: [PATCH] Improve details placeholders

---
 src/assets/css/wish.css      | 20 +++++++++++++++++++-
 src/pages/parts/wishlist.php |  2 +-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/wish.css b/src/assets/css/wish.css
index 19e91dff..1b7187d6 100644
--- a/src/assets/css/wish.css
+++ b/src/assets/css/wish.css
@@ -7,10 +7,28 @@
     max-width: 100%;
     max-height: 40vh;
 }
-
 @media (min-width: 768px) {
     .ui.modal.wish-details .wish-image {
         max-width: 40%;
         max-height: 100%;
     }
 }
+
+.ui.modal.wish-details .wish-image:has(.ui.placeholder) {
+    height: 40vh;
+}
+@media (min-width: 768px) {
+    .ui.modal.wish-details .wish-image:has(.ui.placeholder) {
+        width: 40%;
+    }
+}
+
+/** Placeholder */
+.ui.modal.wish-details .wish-image .ui.placeholder {
+    height: 100%;
+}
+
+/** Description */
+.ui.modal.wish-details .wish-image:has(.ui.placeholder) + .description {
+    padding-left: 2em;
+}
diff --git a/src/pages/parts/wishlist.php b/src/pages/parts/wishlist.php
index 251583f5..86a71c23 100644
--- a/src/pages/parts/wishlist.php
+++ b/src/pages/parts/wishlist.php
@@ -227,7 +227,7 @@ namespace wishthis;
 
         <div class="scrolling image content">
             <div class="wish-image">
-                <div class="ui placeholder">
+                <div class="ui fluid placeholder">
                     <div class="image"></div>
                 </div>
             </div>