shiyue/ittoview
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: emphasize correct mobile option

Browse Source
This commit is contained in:
ittoview
2026-05-15 17:42:16 +01:00
parent d8432b2c64
commit 183a5ed285
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/PerformanceDomainPracticePage.tsx
View File

@@ -349,7 +349,7 @@ export default function PerformanceDomainPracticePage() {
optionDisabled && 'cursor-default hover:bg-white dark:hover:bg-gray-800', optionDisabled && 'cursor-default hover:bg-white dark:hover:bg-gray-800',
shouldKeepDisabled && 'bg-gray-50 opacity-55 dark:bg-gray-800/70', shouldKeepDisabled && 'bg-gray-50 opacity-55 dark:bg-gray-800/70',
shouldHighlightCorrect && shouldHighlightCorrect &&
'border-emerald-400 bg-emerald-50 shadow-[inset_0_0_0_2px_rgba(52,211,153,0.65)] dark:border-emerald-500 dark:bg-emerald-950/30 dark:shadow-[inset_0_0_0_2px_rgba(16,185,129,0.45)]', 'border-emerald-500 bg-emerald-100 text-emerald-900 shadow-[inset_0_0_0_3px_rgba(16,185,129,0.78),0_0_0_1px_rgba(16,185,129,0.55)] dark:border-emerald-400 dark:bg-emerald-900/50 dark:text-emerald-50 dark:shadow-[inset_0_0_0_3px_rgba(52,211,153,0.65),0_0_0_1px_rgba(52,211,153,0.45)] sm:bg-emerald-50 sm:shadow-[inset_0_0_0_2px_rgba(52,211,153,0.65)] sm:dark:bg-emerald-950/30 sm:dark:shadow-[inset_0_0_0_2px_rgba(16,185,129,0.45)]',
isWrongSelected && isWrongSelected &&
'border-rose-300 bg-rose-50 shadow-[inset_0_0_0_2px_rgba(251,113,133,0.65)] dark:border-rose-600 dark:bg-rose-950/30 dark:shadow-[inset_0_0_0_2px_rgba(244,63,94,0.45)]' 'border-rose-300 bg-rose-50 shadow-[inset_0_0_0_2px_rgba(251,113,133,0.65)] dark:border-rose-600 dark:bg-rose-950/30 dark:shadow-[inset_0_0_0_2px_rgba(244,63,94,0.45)]'
)} )}
@@ -374,7 +374,11 @@ export default function PerformanceDomainPracticePage() {
</div> </div>
</div> </div>
<div className="text-2xl font-bold leading-none text-gray-900 dark:text-white sm:hidden"> <div className={clsx(
'text-2xl font-bold leading-none text-gray-900 dark:text-white sm:hidden',
shouldHighlightCorrect && 'text-emerald-800 dark:text-emerald-50',
isWrongSelected && 'text-rose-800 dark:text-rose-50'
)}>
{domain.name.charAt(0)} {domain.name.charAt(0)}
</div> </div>
@@ -436,7 +440,7 @@ export default function PerformanceDomainPracticePage() {
<div className="pointer-events-none absolute right-1 top-1 flex h-4 w-8 items-center justify-end sm:right-3 sm:top-3 sm:h-5 sm:w-12"> <div className="pointer-events-none absolute right-1 top-1 flex h-4 w-8 items-center justify-end sm:right-3 sm:top-3 sm:h-5 sm:w-12">
{isCorrectSelected && ( {isCorrectSelected && (
<CheckCircle2 className="text-emerald-500" size={16} /> <CheckCircle2 className="text-emerald-600 dark:text-emerald-300" size={20} />
)} )}
{isWrongSelected && ( {isWrongSelected && (
<XCircle className="text-rose-500" size={16} /> <XCircle className="text-rose-500" size={16} />