refactor: 抽离公共样式

TeamVastsea · Aug 16, 2024 · c660534 · c660534
1 parent 958d3c4
commit c660534
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/app/(index)/layout.tsx b/app/(index)/layout.tsx
@@ -4,7 +4,7 @@ import '@mantine/core/styles.css';
 import React from 'react';
 import { MantineProvider, ColorSchemeScript, AppShell } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
-import { theme } from '../../theme';
+import { theme } from '@/theme';
 import '@mantine/notifications/styles.css';
 import Header from '@/components/Header';
 

diff --git a/app/(index)/page.tsx b/app/(index)/page.tsx
@@ -3,7 +3,7 @@
 import { Button, Center, Container, Group, Image, SimpleGrid, Space, Stack, Text, Title } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { min } from '@floating-ui/utils';
-import classes from '../(root)/oauth/components/LoginBanner.module.css';
+import classes from '@/styles/common.module.css';
 import SurveyCard from '@/components/SurveyCard';
 import Footer from '@/components/Footer';
 

diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
@@ -4,7 +4,7 @@ import '@mantine/core/styles.css';
 import React from 'react';
 import { MantineProvider, ColorSchemeScript, AppShell } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
-import { theme } from '../../theme';
+import { theme } from '@/theme';
 import '@mantine/notifications/styles.css';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';

diff --git a/app/(root)/oauth/components/LoginBanner.module.css b/app/(root)/oauth/components/LoginBanner.module.css
@@ -1,3 +1,4 @@
+@import url("@/styles/common.module.css");
 .wrapper {
     display: flex;
     align-items: center;
@@ -21,14 +22,6 @@
     }
 }
 
-.title {
-    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
-    font-family: "Greycliff CF",
-    var(--mantine-font-family), serif;
-    line-height: 1;
-    margin-bottom: var(--mantine-spacing-md);
-}
-
 .controls {
     display: flex;
     margin-top: var(--mantine-spacing-xl);

diff --git a/styles/common.module.css b/styles/common.module.css
@@ -0,0 +1,7 @@
+.title {
+    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+    font-family: "Greycliff CF",
+    var(--mantine-font-family), serif;
+    line-height: 1;
+    margin-bottom: var(--mantine-spacing-md);
+}