From 74b47efcad2831e078ab99d8276a3231bf8e0919 Mon Sep 17 00:00:00 2001
From: Chaoscaot <chaos@chaoscaot.de>
Date: Tue, 13 Aug 2024 12:43:25 +0200
Subject: [PATCH] Add Shadow

---
 src/pages/index.astro | 32 +++++++-------------------------
 1 file changed, 7 insertions(+), 25 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5374fa7..0c3b58d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -33,31 +33,13 @@ germanPosts.forEach(value => {
 const latestPost = posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.data.created).unix()).at(0);
 
 const prefixColorMap: {
-    [key: string]: {
-        from: string;
-        to: string;
-    };
+    [key: string]: string;
 } = {
-    PREFIX_ADMIN: {
-        from: "border-red-600",
-        to: "border-red-800",
-    },
-    PREFIX_DEVELOPER: {
-        from: "border-sky-600",
-        to: "border-sky-800",
-    },
-    PREFIX_MODERATOR: {
-        from: "border-amber-600",
-        to: "border-amber-800",
-    },
-    PREFIX_SUPPORTER: {
-        from: "border-blue-700",
-        to: "border-blue-900",
-    },
-    PREFIX_BUILDER: {
-        from: "border-green-500",
-        to: "border-green-700",
-    },
+    PREFIX_ADMIN: "border-red-600 dark:border-red-800 shadow-red-600 dark:shadow-red-800",
+    PREFIX_DEVELOPER: "border-sky-600 dark:border-sky-800 shadow-sky-600 dark:shadow-sky-800",
+    PREFIX_MODERATOR: "border-amber-600 dark:border-amber-800 shadow-amber-600 dark:shadow-amber-800",
+    PREFIX_SUPPORTER: "border-blue-700 dark:border-blue-900 shadow-blue-700 dark:shadow-blue-900",
+    PREFIX_BUILDER: "border-green-500 dark:border-green-700 shadow-green-500 dark:shadow-green-700",
 };
 ---
 
@@ -183,7 +165,7 @@ const prefixColorMap: {
                 {players.map((v, index) => (
                     <div class="inline-flex flex-col justify-end">
                         {index == 0 ? <h2 class="dark:text-white text-4xl font-bold ml-4">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
-                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit ${prefixColorMap[prefix].from} dark:${prefixColorMap[prefix].to}`} client:idle> <!-- bg-gradient-to-br ${prefixColorMap[prefix].from} ${prefixColorMap[prefix].to} -->
+                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit shadow-md ${prefixColorMap[prefix]}`} client:idle>
                             <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>
                                 <Image src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${v.uuid}`}