caadiq
61822345bf
- Layout 배경 그라디언트를 body fixed 배경으로 이동 (스크롤 시 하단 배경 일관성) - 해방 계산기 데스티니 탭 placeholder에 최소 높이 부여 - overlayscrollbars 도입: 메인 스크롤바가 콘텐츠를 밀지 않고 오버레이로 표시 - 내부 스크롤 영역은 얇은 커스텀 스크롤바 유지 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
35 lines
971 B
JavaScript
35 lines
971 B
JavaScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { OverlayScrollbars } from 'overlayscrollbars'
|
|
import './index.css'
|
|
import App from './App.jsx'
|
|
|
|
// body 전체에 오버레이 스크롤바 적용 (화면을 밀지 않음)
|
|
OverlayScrollbars(
|
|
{ target: document.body, cancel: { nativeScrollbarsOverlaid: true } },
|
|
{
|
|
scrollbars: { theme: 'os-theme-maple os-theme-dark', autoHide: 'leave', autoHideDelay: 800 },
|
|
}
|
|
)
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30_000,
|
|
refetchOnWindowFocus: false,
|
|
retry: 1,
|
|
},
|
|
},
|
|
})
|
|
|
|
createRoot(document.getElementById('root')).render(
|
|
<StrictMode>
|
|
<QueryClientProvider client={queryClient}>
|
|
<BrowserRouter>
|
|
<App />
|
|
</BrowserRouter>
|
|
</QueryClientProvider>
|
|
</StrictMode>,
|
|
)
|