tracks lexicons and how many times they appeared on the jetstream
fix(client): make the stats card numbers clip less
+3
-7
+2
-4
client/src/lib/components/StatsCard.svelte
+2
-4
client/src/lib/components/StatsCard.svelte
···
40
40
const colors = $derived(colorClasses[colorScheme]);
41
41
</script>
42
42
43
-
<div
44
-
class="bg-gradient-to-r {colors.bg} p-3 md:p-6 rounded-lg border {colors.border}"
45
-
>
43
+
<div class="bg-gradient-to-r {colors.bg} p-3 rounded-lg border {colors.border}">
46
44
<h3 class="text-base font-medium {colors.titleText} mb-2">
47
45
{title}
48
46
</h3>
49
-
<p class="text-xl md:text-3xl font-bold {colors.valueText}">
47
+
<p class="text-xl md:text-2xl font-bold {colors.valueText}">
50
48
<NumberFlow {value} />
51
49
</p>
52
50
</div>
+1
-3
client/src/routes/+page.svelte
+1
-3
client/src/routes/+page.svelte
···
235
235
</div>
236
236
</header>
237
237
<div class="md:max-w-[61vw] mx-auto p-2">
238
-
<div
239
-
class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 2xl:mx-16 mb-8"
240
-
>
238
+
<div class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 mb-8">
241
239
<StatsCard
242
240
title="total creation"
243
241
value={all.count}