diff --git a/public/assets/logo/logo-dark.png b/public/assets/logo/logo-dark.png deleted file mode 100644 index 1fda2b54..00000000 Binary files a/public/assets/logo/logo-dark.png and /dev/null differ diff --git a/public/assets/logo/logo-light.png b/public/assets/logo/logo-light.png deleted file mode 100644 index 93c724be..00000000 Binary files a/public/assets/logo/logo-light.png and /dev/null differ diff --git a/public/assets/logo/seedit-text-dark.svg b/public/assets/logo/seedit-text-dark.svg new file mode 100644 index 00000000..48183dfb --- /dev/null +++ b/public/assets/logo/seedit-text-dark.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/public/assets/logo/seedit-text-light.svg b/public/assets/logo/seedit-text-light.svg new file mode 100644 index 00000000..0f156fd5 --- /dev/null +++ b/public/assets/logo/seedit-text-light.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/components/header/header.module.css b/src/components/header/header.module.css index 128b2a32..b268321d 100644 --- a/src/components/header/header.module.css +++ b/src/components/header/header.module.css @@ -24,6 +24,7 @@ } .logoText { + width: 84px; margin-bottom: -17px; max-height: 26px; object-fit: contain; diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx index 5bcd18cb..eec15971 100644 --- a/src/components/header/header.tsx +++ b/src/components/header/header.tsx @@ -14,7 +14,6 @@ const Header: FC = () => { const [theme] = useTheme(); const [selected, setSelected] = useState(sortType || '/topMonth'); - const logoSrc = theme === 'black' ? '/assets/logo/logo-dark.png' : '/assets/logo/logo-light.png'; const labels = [t('header_hot'), t('header_new'), t('header_rising'), t('header_controversial'), t('header_top')]; useEffect(() => { @@ -35,7 +34,7 @@ const Header: FC = () => { logo - logo + logo