From 4f85b8d6ed91316dca9509a00dacae210e142606 Mon Sep 17 00:00:00 2001
From: paulinek13 <paulinek13@outlook.com>
Date: Sun, 26 Nov 2023 14:15:38 +0100
Subject: [PATCH] revise: add gradient background for non-image APODs

---
 src/lib/components/molecules/ApodContent.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/molecules/ApodContent.svelte b/src/lib/components/molecules/ApodContent.svelte
index 34fe195..4d6335d 100644
--- a/src/lib/components/molecules/ApodContent.svelte
+++ b/src/lib/components/molecules/ApodContent.svelte
@@ -35,7 +35,7 @@
         class="overflow-hidden blockf flex-1 min-h-[128px]"
     >
         <div
-            class="bg-cover bg-center h-full flex flex-col justify-center text-center text-sm p-4"
+            class="h-full flex flex-col gap-0 justify-center text-center text-sm p-4 bg-gradient-to-br from-slate-900 to-slate-950"
         >
             {#if url}
                 <img
@@ -43,7 +43,7 @@
                         url,
                     )}.ico"
                     alt=""
-                    class="min-w-[32px] max-w-[64px] aspect-square m-auto"
+                    class="min-w-[32px] max-w-[64px] aspect-square self-center m-2"
                 />
             {/if}
             <small>Non-image APOD</small> <i>Open in new tab ➚</i>