fix: theme

cnpm · Jul 25, 2024 · aa68770 · aa68770
1 parent 2bc6200
commit aa68770
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/components/RecentTrending.tsx b/src/components/RecentTrending.tsx
@@ -26,7 +26,7 @@ export default function RecentTrending() {
             </li>
             <li>
               最近同步的包：
-              <Link href={`/${data?.lastPackage}`} target="_blank">
+              <Link href={`/${data?.lastPackage}`} target="_blank" style={{ maxWidth: '220px'}} ellipsis>
                 {data?.lastPackage}
               </Link>
             </li>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -5,20 +5,19 @@ import LandingSearch from '@/components/LandingSearch';
 import AdBanner from '@/components/AdBanner';
 import Footer from '@/components/Footer';
 import Introduce from '@/components/Introduce';
-import { ThemeMode, ThemeProvider as _ThemeProvider } from 'antd-style';
 import Header from '@/components/Header';
 import { useTheme } from '@/hooks/useTheme';
 import RecentTrending from '@/components/RecentTrending';
-import { Flex } from 'antd';
+import { ConfigProvider, Flex, theme } from 'antd';
 import SizeContainer from '@/components/SizeContainer';
 
-const ThemeProvider = _ThemeProvider as any;
-
 export default function Home() {
   const [themeMode, setThemeMode] = useTheme();
 
   return (
-    <ThemeProvider themeMode={themeMode as ThemeMode}>
+    <ConfigProvider
+      theme={{ algorithm: themeMode === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm }}
+    >
       <Header themeMode={themeMode} setThemeMode={setThemeMode} />
       <main className={styles.main}>
         <AdBanner />
@@ -34,6 +33,6 @@ export default function Home() {
         </SizeContainer>
       </main>
       <Footer />
-    </ThemeProvider>
+    </ConfigProvider>
   );
 }