refactor: 라우트 전환 애니메이션 제거
Co-Authored-By: Claude Opus 5
@ace7423ada2d0f937c62d8b0aeffda79a2adb5e7
--- app/layout.tsx
+++ app/layout.tsx
... | ... | @@ -1,7 +1,6 @@ |
| 1 | 1 |
import type { Metadata } from "next";
|
| 2 | 2 |
import { Geist_Mono } from "next/font/google";
|
| 3 | 3 |
import localFont from "next/font/local"; |
| 4 |
-import { ViewTransition } from "react";
|
|
| 5 | 4 |
import { FeedbackHost } from "@/app/_components/feedback-host";
|
| 6 | 5 |
import { FeedbackProvider } from "@/app/_components/feedback-provider";
|
| 7 | 6 |
import { SplashGate } from "@/app/_components/splash-gate";
|
... | ... | @@ -118,10 +117,7 @@ |
| 118 | 117 |
<body className="min-h-full flex flex-col"> |
| 119 | 118 |
<SplashGate /> |
| 120 | 119 |
<FeedbackProvider> |
| 121 |
- {/* 라우트 그룹 간 이동을 포함한 모든 전환에 크로스페이드를 적용한다. 클래스명(layout-transition)에
|
|
| 122 |
- 대한 `::view-transition-old/new` 규칙은 design 레인이 app/globals.css에 제공한다. */} |
|
| 123 |
- <ViewTransition default="layout-transition">{children}</ViewTransition>
|
|
| 124 |
- {/* 피드백 오버레이는 전환 크로스페이드 대상이 아니므로 ViewTransition 바깥에 둔다. */}
|
|
| 120 |
+ {children}
|
|
| 125 | 121 |
<FeedbackHost /> |
| 126 | 122 |
</FeedbackProvider> |
| 127 | 123 |
</body> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?