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' : '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"> <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} {Math.min(progress.currentIndex + 1, totalCount)} / {totalCount}
</span> </span>
@@ -468,7 +468,7 @@ export default function ProcessPurposePracticePage() {
initial={{ opacity: 0, y: -4 }} initial={{ opacity: 0, y: -4 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -4 }} 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} {currentItem.name}
</motion.span> </motion.span>