選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

layout.tsx 966B

123456789101112131415161718192021222324252627282930313233343536373839
  1. import './globals.css'
  2. import type { Metadata } from 'next'
  3. import { ConfigProvider } from 'antd'
  4. import type { ThemeConfig } from 'antd';
  5. import QueryProvider from '@/components/general/QueryProvider';
  6. export const theme: ThemeConfig = {
  7. token: {
  8. colorPrimary: '#602FD0',
  9. colorPrimary2: '#9E7DEA',
  10. colorPrimary3: '#AD3B91',
  11. colorSecondary: '#B3B3B3',
  12. colorSuccess: '#35B37E',
  13. colorWarning: '#FFAB00',
  14. colorError: '#DB4336',
  15. colorInfo: '#0165FF',
  16. } as any,
  17. };
  18. export const metadata: Metadata = {
  19. title: 'Mobile App',
  20. description: 'Responsive app layout with sidebar',
  21. }
  22. export default function RootLayout({ children }: { children: React.ReactNode }) {
  23. return (
  24. <html lang="en">
  25. <body className="bg-white flex justify-center relative">
  26. <QueryProvider>
  27. <ConfigProvider theme={theme}>
  28. {children}
  29. </ConfigProvider>
  30. </QueryProvider>
  31. </body>
  32. </html>
  33. );
  34. }