mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-16 09:11:38 +00:00
Fix about page loading backgourd color wrong in dark mode
This commit is contained in:
@ -9,4 +9,4 @@ indent_size = 2
|
|||||||
end_of_line = lf
|
end_of_line = lf
|
||||||
charset = utf-8
|
charset = utf-8
|
||||||
trim_trailing_whitespace = false
|
trim_trailing_whitespace = false
|
||||||
insert_final_newline = true
|
insert_final_newline = false
|
||||||
|
@ -10,12 +10,11 @@ import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
|
|||||||
import { NextPageWithLayout } from 'types';
|
import { NextPageWithLayout } from 'types';
|
||||||
|
|
||||||
const Loading = dynamic(() => import('components/RUA/loading/RUALoading'));
|
const Loading = dynamic(() => import('components/RUA/loading/RUALoading'));
|
||||||
|
const MainLayout = dynamic(() => import('layouts/MainLayout'));
|
||||||
|
|
||||||
const rotationY = 0.4;
|
const rotationY = 0.4;
|
||||||
const rotationX = 0.2;
|
const rotationX = 0.2;
|
||||||
|
|
||||||
const MainLayout = dynamic(() => import('layouts/MainLayout'));
|
|
||||||
|
|
||||||
const About: NextPageWithLayout = () => {
|
const About: NextPageWithLayout = () => {
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [showLoading, setShowLoading] = useState(true);
|
const [showLoading, setShowLoading] = useState(true);
|
||||||
@ -174,7 +173,7 @@ const About: NextPageWithLayout = () => {
|
|||||||
'absolute top-0 left-0',
|
'absolute top-0 left-0',
|
||||||
'items-center flex justify-center',
|
'items-center flex justify-center',
|
||||||
'w-full h-full transition-all duration-500',
|
'w-full h-full transition-all duration-500',
|
||||||
'bg-white',
|
'bg-white dark:bg-rua-gray-900',
|
||||||
loading ? 'opacity-1' : 'opacity-0'
|
loading ? 'opacity-1' : 'opacity-0'
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
import { allPostsPath, readSinglePost } from 'lib/posts';
|
|
||||||
import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
|
|
||||||
import { serialize } from 'next-mdx-remote/serialize';
|
|
||||||
import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
|
|
||||||
import components from 'components/mdx/components';
|
|
||||||
import data from 'data/mdxData';
|
|
||||||
import rehypePrism from '@mapbox/rehype-prism';
|
import rehypePrism from '@mapbox/rehype-prism';
|
||||||
import remarkGfm from 'remark-gfm';
|
import components from 'components/mdx/components';
|
||||||
import rehypeSlug from 'rehype-slug';
|
|
||||||
import dynamic from 'next/dynamic';
|
|
||||||
import { generateToc, SingleToc } from 'lib/utils';
|
|
||||||
import PostToc from 'components/post/PostToc';
|
import PostToc from 'components/post/PostToc';
|
||||||
|
import data from 'data/mdxData';
|
||||||
|
import { allPostsPath, readSinglePost } from 'lib/posts';
|
||||||
|
import { generateToc, SingleToc } from 'lib/utils';
|
||||||
|
import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
|
||||||
|
import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
|
||||||
|
import { serialize } from 'next-mdx-remote/serialize';
|
||||||
|
import dynamic from 'next/dynamic';
|
||||||
|
import rehypeSlug from 'rehype-slug';
|
||||||
|
import remarkGfm from 'remark-gfm';
|
||||||
|
|
||||||
const Footer = dynamic(() => import('components/Footer'));
|
const Footer = dynamic(() => import('components/Footer'));
|
||||||
const HeadBar = dynamic(() => import('components/NavBar'));
|
const HeadBar = dynamic(() => import('components/NavBar'));
|
||||||
|
Reference in New Issue
Block a user