fix: compact answer badge

This commit is contained in:
ittoview
2026-05-10 15:57:57 +01:00
parent 834fb37616
commit 3f1d5bc221

View File

@@ -457,7 +457,7 @@ export default function ProcessPurposePracticePage() {
: 'border-gray-200 dark:border-gray-700'
}`}
>
<div className="mb-4 flex flex-wrap items-center justify-between gap-4">
<div className="mb-4 flex min-h-9 flex-wrap items-center justify-between gap-3">
<span className="rounded-full bg-blue-50 px-3 py-1 text-sm font-medium text-blue-700 dark:bg-blue-900/30 dark:text-blue-200">
{Math.min(progress.currentIndex + 1, totalCount)} / {totalCount}
</span>
@@ -468,7 +468,7 @@ export default function ProcessPurposePracticePage() {
initial={{ opacity: 0, y: -4 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -4 }}
className="rounded-2xl border-2 border-indigo-300 bg-indigo-50 px-5 py-2 shadow-sm shadow-indigo-100 text-xl font-bold text-indigo-800 dark:border-indigo-500/70 dark:bg-indigo-950/50 dark:text-indigo-100 dark:shadow-none"
className="rounded-xl border border-indigo-300 bg-indigo-50 px-3 py-1 text-base font-semibold leading-6 text-indigo-800 shadow-sm shadow-indigo-100 dark:border-indigo-500/70 dark:bg-indigo-950/50 dark:text-indigo-100 dark:shadow-none"
>
{currentItem.name}
</motion.span>