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

Reorganize duplicated tailwind code and formatting

Browse Source
This commit is contained in:
prototypa
2022-08-27 01:52:23 -04:00
parent ca01eecc24
commit 212331215b
28 changed files with 424 additions and 950 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,18 +1,14 @@
---
const {} = Astro.props;
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 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"
>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Downloads
</p>
</div>
@ -20,9 +16,7 @@ const {} = Astro.props;
<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"
>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Stars
</p>
</div>
@ -30,9 +24,7 @@ const {} = Astro.props;
<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"
>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Forks
</p>
</div>
@ -40,11 +32,9 @@ const {} = Astro.props;
<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"
>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Users
</p>
</div>
</div>
</div>
</div>