준비 화면에 뒤로 가기 버튼 추가

2026-05-30 17:27:56 +09:00
parent e0d8fc19d5
commit 2bbe03b1aa
2 changed files with 22 additions and 10 deletions
@@ -121,15 +121,21 @@ export default function NumberParenthesesClient() {
            </div>
          </fieldset>

-          <div>
+          <div className="flex flex-wrap gap-3">
            <Link
-              ref={startLinkRef}
-              href={`/number-parentheses/play?count=${selectedProblemCount}`}
-              onClick={() => initSession(selectedProblemCount)}
-              className="inline-flex h-12 items-center justify-center rounded-md bg-emerald-700 px-6 text-base font-semibold text-white transition hover:bg-emerald-800 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
+                ref={startLinkRef}
+                href={`/number-parentheses/play?count=${selectedProblemCount}`}
+                onClick={() => initSession(selectedProblemCount)}
+                className="inline-flex h-12 items-center justify-center rounded-md bg-emerald-700 px-6 text-base font-semibold text-white transition hover:bg-emerald-800 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
            >
              연습 시작
            </Link>
+            <Link
+              href="/"
+              className="inline-flex h-12 items-center justify-center rounded-md border border-slate-300 bg-white px-6 text-base font-semibold text-slate-700 transition hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
+            >
+              뒤로가기
+            </Link>
          </div>
        </div>