[feat]: Shadcn UI 모달 Select 레이아웃 시프트 방지 및 코드 정리
주요 변경사항:
- 테마/언어 선택을 모달 스타일로 변경 (native={false})
- LoginPage, SignupPage, DashboardLayout 적용
- CSS 2줄로 레이아웃 시프트 완전 제거
- body { overflow: visible !important }
- body[data-scroll-locked] { margin-right: 0 !important }
- 미사용 business 컴포넌트 대량 삭제 (코드 정리)
- CEODashboard → MainDashboard 이름 변경
- 구현 문서 작성: [IMPL-2025-11-12] modal-select-layout-shift-fix.md
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -204,6 +204,11 @@
|
||||
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
/* 🔧 Always show scrollbar to prevent layout shift */
|
||||
/*overflow-y: scroll;*/
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
|
||||
@@ -213,6 +218,21 @@
|
||||
text-rendering: optimizeLegibility;
|
||||
background: var(--background);
|
||||
min-height: 100vh;
|
||||
/* 🔧 Body has no overflow - html handles all scrolling */
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* 🔧 Override Radix's scroll-lock completely to prevent any layout shift */
|
||||
body[data-scroll-locked] {
|
||||
/*overflow: visible !important;*/
|
||||
/*position: static !important;*/
|
||||
/*padding-right: 0 !important;*/
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* 🔧 Prevent scroll on modal backdrop instead of body */
|
||||
[data-radix-portal] {
|
||||
/*position: fixed;*/
|
||||
}
|
||||
|
||||
/* Clean glass utilities */
|
||||
|
||||
Reference in New Issue
Block a user