revise: add gradient background for non-image APODs

paulinek13 · Nov 26, 2023 · 4f85b8d · 4f85b8d
1 parent 3d8d211
commit 4f85b8d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/molecules/ApodContent.svelte b/src/lib/components/molecules/ApodContent.svelte
@@ -35,15 +35,15 @@
         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
                     src="https://icons.duckduckgo.com/ip3/{getHostname(
                         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>