refactor: css import 정렬 rule 수정 module css만 가장 밑으로 오도록 변경 (#199)

DNDACADEMY · Sep 28, 2024 · d8c5ae8 · d8c5ae8
1 parent 1e7c1fe
commit d8c5ae8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/apps/admin/src/app/layout.tsx b/apps/admin/src/app/layout.tsx
@@ -1,8 +1,9 @@
+import '@dnd-academy/ui/style.css';
+import 'src/styles/global.scss';
+
 import { pretendardFont } from '@/app/_fonts';
 import ClientProvider from '@/components/common/ClientLayout';
 
-import '@dnd-academy/ui/style.css';
-import 'src/styles/global.scss';
 import styles from './index.module.scss';
 
 function RootLayout({ children }: {

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -1,3 +1,6 @@
+import '@dnd-academy/ui/style.css';
+import 'src/styles/global.scss';
+
 import { GoogleAnalytics } from '@next/third-parties/google';
 
 import ClientProviders from '@/components/global/ClientProviders';
@@ -8,8 +11,6 @@ import { DEFAULT_METADATA } from '@/lib/constants/metadata';
 
 import { pretendardFont } from './_fonts';
 
-import '@dnd-academy/ui/style.css';
-import 'src/styles/global.scss';
 import styles from './index.module.scss';
 
 export const metadata = DEFAULT_METADATA;

diff --git a/apps/web/src/components/molecules/PDFViewer/index.tsx b/apps/web/src/components/molecules/PDFViewer/index.tsx
@@ -1,5 +1,8 @@
 'use client';
 
+import 'react-pdf/dist/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
+
 import { useRef, useState } from 'react';
 import {
   Document, DocumentProps, Page, pdfjs,
@@ -11,8 +14,6 @@ import { useDebounceCallback, useResizeObserver } from 'usehooks-ts';
 
 import { ArrowExpandIcon, ArrowRightIcon } from '@/lib/assets/icons';
 
-import 'react-pdf/dist/Page/AnnotationLayer.css';
-import 'react-pdf/dist/Page/TextLayer.css';
 import styles from './index.module.scss';
 
 pdfjs.GlobalWorkerOptions.workerSrc = new URL(

diff --git a/packages/eslint-config/index.js b/packages/eslint-config/index.js
@@ -85,7 +85,7 @@ module.exports = {
         ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
         ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
         ['^.+\\.svg$'],
-        ['^.+\\.s?css$'],
+        ['^.+\\.module.s?css$'],
       ],
     }],
     'simple-import-sort/exports': 'error',