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

fix: compact mobile feedback area

Browse Source
This commit is contained in:
ittoview
2026-05-15 17:29:54 +01:00
parent a1db3794bd
commit 6d6b9fb381
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/PerformanceDomainPracticePage.tsx
View File

@@ -594,7 +594,7 @@ export default function PerformanceDomainPracticePage() {
<div <div
className={clsx( className={clsx(
'h-[132px] overflow-hidden rounded-xl border px-4 py-3 transition-colors', 'h-16 overflow-hidden rounded-xl border px-4 py-3 transition-colors sm:h-[132px]',
answerState?.isCorrect answerState?.isCorrect
? 'border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950/30' ? 'border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950/30'
: answerState : answerState
@@ -603,11 +603,11 @@ export default function PerformanceDomainPracticePage() {
)} )}
> >
{answerState && currentDomain ? ( {answerState && currentDomain ? (
<div className="flex h-full flex-col justify-between gap-3"> <div className="flex h-full items-center justify-end sm:flex-col sm:items-stretch sm:justify-between sm:gap-3">
<div> <div className="hidden sm:block">
<div <div
className={clsx( className={clsx(
'hidden items-center gap-2 text-sm font-semibold sm:flex', 'flex items-center gap-2 text-sm font-semibold',
answerState.isCorrect answerState.isCorrect
? 'text-emerald-700 dark:text-emerald-300' ? 'text-emerald-700 dark:text-emerald-300'
: 'text-rose-700 dark:text-rose-300' : 'text-rose-700 dark:text-rose-300'
@@ -619,7 +619,7 @@ export default function PerformanceDomainPracticePage() {
: `错误：你选了 ${selectedDomain?.name ?? ''}`} : `错误：你选了 ${selectedDomain?.name ?? ''}`}
</div> </div>
{!answerState.isCorrect && ( {!answerState.isCorrect && (
<p className="mt-1 hidden text-sm text-gray-700 dark:text-gray-300 sm:block"> <p className="mt-1 text-sm text-gray-700 dark:text-gray-300">
正确答案：{currentDomain.name} 正确答案：{currentDomain.name}
</p> </p>
)} )}