mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix minimal details

Browse Source
This commit is contained in:
prototypa
2022-08-18 15:09:56 -04:00
parent e1ae525845
commit 59af10d9c5
1 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/widgets/Stats.astro
View File

@ -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>
<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>
<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 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>