tracks lexicons and how many times they appeared on the jetstream

fix(client): make the stats card numbers clip less

ptr.pet f73de8d3 d275783d

verified
Changed files
+3 -7
client
src
lib
components
routes
+2 -4
client/src/lib/components/StatsCard.svelte
···
const colors = $derived(colorClasses[colorScheme]);
</script>
-
<div
-
class="bg-gradient-to-r {colors.bg} p-3 md:p-6 rounded-lg border {colors.border}"
-
>
+
<div class="bg-gradient-to-r {colors.bg} p-3 rounded-lg border {colors.border}">
<h3 class="text-base font-medium {colors.titleText} mb-2">
{title}
</h3>
-
<p class="text-xl md:text-3xl font-bold {colors.valueText}">
+
<p class="text-xl md:text-2xl font-bold {colors.valueText}">
<NumberFlow {value} />
</p>
</div>
+1 -3
client/src/routes/+page.svelte
···
</div>
</header>
<div class="md:max-w-[61vw] mx-auto p-2">
-
<div
-
class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 2xl:mx-16 mb-8"
-
>
+
<div class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 mb-8">
<StatsCard
title="total creation"
value={all.count}