nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-10
style: 레이아웃 전환 View Transitions CSS 규칙 제거 
InvalidStateError를 간헐 발생시키는 View Transitions API 기반 레이아웃
전환(.layout-transition, ::view-transition-old/new, reduced-motion
가드)을 제거한다. feature 레인이 app/layout.tsx의 
래핑과 next.config.ts의 실험 플래그를 제거하는 것과 짝을 이루는 변경.

--animate-fade-in/-out/-dialog-in/-toast-in 토큰과 대응 @keyframes는
스플래시·모달·토스트 애니메이션에서 계속 쓰이므로 그대로 유지.

Co-Authored-By: Claude Opus 5
@a69173ef78187afec35d840a16e916eed78a85f0
45884be
a69173e
app/globals.css
--- app/globals.css
+++ app/globals.css
@@ -229,30 +229,6 @@
 
   }
 
 }
 
 
-/* 레이아웃 전환(View Transitions API, feature 레인 A안) — feature가 전환 루트
 
-   요소에 .layout-transition 클래스를 부여하면 view-transition-class로 매핑되어
 
-   아래 ::view-transition-old/new 규칙이 부드러운 크로스페이드를 적용한다.
 
-   (CSS View Transitions Level 2, view-transition-class 프로퍼티 사용) */
 
-.layout-transition {
 
-  view-transition-class: layout-transition;
 
-}
 
-
 
-::view-transition-old(.layout-transition) {
 
-  animation: var(--animate-fade-out);
 
-}
 
-
 
-::view-transition-new(.layout-transition) {
 
-  animation: var(--animate-fade-in);
 
-}
 
-
 
-@media (prefers-reduced-motion: reduce) {
 
-  ::view-transition-group(.layout-transition),
 
-  ::view-transition-old(.layout-transition),
 
-  ::view-transition-new(.layout-transition) {
 
-    animation: none;
 
-  }
 
-}
 
-
 
 /* 간격 토큰 매핑 (변경 없음) — edupay-app lib/ui/core/tokens/app_spacing.dart의
 
    4/8 grid(4·8·12·16·20·24·32·40)는 Tailwind 기본 --spacing: 0.25rem 스케일과
 
    정확히 일치한다: xs→p-1, sm→p-2, md→p-3, lg→p-4, xl→p-5, xxl→p-6,
Add a comment
List