fix: align quiz mechanics across panel widths
This commit is contained in:
@@ -798,12 +798,12 @@ export function AgentSection({
|
|||||||
label={t("Quizzing")}
|
label={t("Quizzing")}
|
||||||
hint={t("How both tutors check your understanding")}
|
hint={t("How both tutors check your understanding")}
|
||||||
testid="quiz-mechanics-row"
|
testid="quiz-mechanics-row"
|
||||||
className="flex-wrap gap-y-2"
|
className="flex-wrap gap-y-2 [&>span]:flex-[1_1_12rem]"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
role="radiogroup"
|
role="radiogroup"
|
||||||
aria-label={t("Quizzing mechanics")}
|
aria-label={t("Quizzing mechanics")}
|
||||||
className="ml-auto flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
|
className="flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
|
||||||
>
|
>
|
||||||
{(["choice", "free"] as const).map((m) => {
|
{(["choice", "free"] as const).map((m) => {
|
||||||
const active = m === "free" ? free : !free;
|
const active = m === "free" ? free : !free;
|
||||||
|
|||||||
Reference in New Issue
Block a user