From 59af10d9c5cff3208b6b7ca77f6a6285dce137a0 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Thu, 18 Aug 2022 15:09:56 -0400
Subject: [PATCH] Fix minimal details

---
 src/components/widgets/Stats.astro | 48 ++++++++++++++++++++++--------
 1 file changed, 36 insertions(+), 12 deletions(-)

diff --git a/src/components/widgets/Stats.astro b/src/components/widgets/Stats.astro
index 17a9bf9..69ce307 100644
--- a/src/components/widgets/Stats.astro
+++ b/src/components/widgets/Stats.astro
@@ -2,25 +2,49 @@
 const {} = Astro.props;
 ---
 
-<div class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
+<div
+  class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl"
+>
   <div class="grid grid-cols-2 row-gap-8 md:grid-cols-4">
-    <div class="text-center md:border-r mb-10 md:mb-0">
-      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl">132K</div>
-      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
+    <div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
+      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
+        132K
+      </div>
+      <p
+        class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base"
+      >
         Downloads
       </p>
     </div>
-    <div class="text-center md:border-r mb-10 md:mb-0">
-      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl">24.8K</div>
-      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">Stars</p>
+    <div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
+      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
+        24.8K
+      </div>
+      <p
+        class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base"
+      >
+        Stars
+      </p>
     </div>
-    <div class="text-center md:border-r">
-      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl">10.3K</div>
-      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">Forks</p>
+    <div class="text-center md:border-r dark:md:border-slate-500">
+      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
+        10.3K
+      </div>
+      <p
+        class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base"
+      >
+        Forks
+      </p>
     </div>
     <div class="text-center">
-      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl">48.4K</div>
-      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">Users</p>
+      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
+        48.4K
+      </div>
+      <p
+        class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base"
+      >
+        Users
+      </p>
     </div>
   </div>
 </div>