fix: add padding to ButtonLink badge div (#251)

When the number of posts in a category reaches 4 or even 3 digits the component does not look correct.
This commit is contained in:
Carlos Company
2024-12-31 10:28:17 +01:00
committed by GitHub
parent 589c593e53
commit baa894183b

View File

@@ -31,7 +31,7 @@ const { badge, url, label } = Astro.props
<slot></slot>
</div>
{ badge !== undefined && badge !== null && badge !== '' &&
<div class="transition h-7 ml-4 min-w-[2rem] rounded-lg text-sm font-bold
<div class="transition px-2 h-7 ml-4 min-w-[2rem] rounded-lg text-sm font-bold
text-[var(--btn-content)] dark:text-[var(--deep-text)]
bg-[oklch(0.95_0.025_var(--hue))] dark:bg-[var(--primary)]
flex items-center justify-center">