mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-05-19 06:04:56 -04:00
Code Issues Packages Projects Releases Wiki Activity

style(header): use svg for logo text instead of png

Browse Source
This commit is contained in:
plebeius.eth
2023-10-17 10:47:17 +02:00
parent 95a0f2c3a1
commit fd92f54158
6 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/logo/logo-dark.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

BIN
public/assets/logo/logo-light.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

5
public/assets/logo/seedit-text-dark.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1028 320">
<!-- fill="#fff" is the background color of the i's dot, remove this path to have the background color transparent -->
<path d="M896.52 40.051a28.88 28.88 0 0 1-28.86 28.86 28.88 28.88 0 0 1-28.85-28.86 28.88 28.88 0 0 1 28.85-28.86 28.88 28.88 0 0 1 28.86 28.86" fill="#000"/>
<path fill="#fff" d="M867.64 1.181a39.1 39.1 0 0 0-38.83 38.85v.02.02c.03 21.32 17.51 38.79 38.83 38.83h.02.02c21.32-.03 38.82-17.5 38.85-38.83v-.02-.02a39.1 39.1 0 0 0-38.85-38.85h-.02zm.02 20c10.52.02 18.84 8.35 18.87 18.87s-8.35 18.82-18.87 18.85c-10.52-.03-18.82-8.33-18.85-18.85s8.33-18.84 18.85-18.87zm.05 72.14a21 21 0 0 0-21 21v184.9a21 21 0 1 0 42 0v-184.9a21 21 0 0 0-21-21zm-788.43.6c-17.63.74-35.05 6.36-49.3 18.02-13 11.17-21.71 28.11-21.14 46.01-.43 11.37 3.93 21.39 10.4 29.51s15.05 14.52 23.51 19.15c25.14 14.67 54.21 19.66 73.34 39.66 6.64 9.46 1.33 24.59-8.7 29.41l-.27.15c-20.13 11.82-46.43 6-65.06-7.7l-.29-.19c-5.95-3.58-12.13-10.38-21.34-12.17a3.7 3.7 0 0 0-.4-.06c-14.61-1.13-25.32 16.95-17.27 29.79 8.67 17.26 27.05 24.18 42.3 29.58 29.98 9.31 64.95 7.7 91.4-11.64 21.11-16.92 32.14-48.87 19.72-74.75-12.7-23.36-37.77-32.53-58.84-40.98h-.02c-16.19-6.56-33.04-12.31-44.31-24.54-5.79-9.39.11-24.02 10.43-26.98l.47-.17c19.29-8.53 43.42-2.57 58.17 12.73l.26.23c5.51 4.81 13.18 5.97 19.88 4.09s12.84-7.54 13.3-15.96c.45-8.32-3.38-15.19-8.41-20.26s-11.28-8.71-16.71-11.53c-15.59-8.05-33.5-12.15-51.13-11.41zm417.5-.5c-19.76.28-37.29 5.74-52.11 16.48a105 105 0 0 0-33.89 41.54 141.76 141.76 0 0 0-12.97 53.65l.12-.92-.14.55a4.5 4.5 0 0 0 .21 2.81l-.98-.23c.21 13.29 2.18 26.53 5.86 39.3h-.02a116.8 116.8 0 0 0 17.87 36.54h-.02c8.28 11.43 19.25 20.6 32.64 27.46 13.57 6.96 29.44 10.33 47.4 10.33 17.17 0 33.32-3.27 48.3-9.77 14.8-6.42 26.47-13.98 34.88-22.91l.18-.2c3.95-4.7 6.17-10.07 6.19-15.66a21.8 21.8 0 0 0-4.12-13.28 15.5 15.5 0 0 0-12.85-6.19c-5.06.03-9.52 2.79-15.76 7.3l-.27.21c-16.75 14.18-34.73 21.05-54.51 21.05-11.29 0-21.35-2.25-30.47-6.78-9.02-4.48-16.08-11.08-21.5-20.2-4.69-7.89-7.15-17.81-7.93-29.24h128.18c7.19 0 13.28-1.57 17.66-5.41s6.43-9.67 6.43-16.25c.02-18.37-4.14-36.72-12.09-53.28v-.02c-8.08-17-19.63-30.83-34.59-41.21-15.06-10.45-32.43-15.7-51.64-15.7zm1.56 39.41c16.49.38 28.75 5.93 37.99 16.89 8.46 10.03 12.8 23.45 13.89 39.9H443.15c1.46-17.44 6.36-31.28 15.47-40.9 10.04-10.61 22.91-15.89 39.73-15.9zm-92.25 75.12c-.29.65-.57 1.9-1.05 1.29a4.5 4.5 0 0 0 1.05-1.29zM276.07 93.071c-19.76.28-37.29 5.74-52.11 16.48a105 105 0 0 0-33.89 41.54 141.76 141.76 0 0 0-12.97 53.65l.12-.92-.14.55a4.5 4.5 0 0 0 .21 2.81l-.98-.23c.21 13.29 2.18 26.53 5.86 39.3h-.02a116.8 116.8 0 0 0 17.87 36.54H200c8.28 11.43 19.25 20.6 32.64 27.46 13.57 6.96 29.44 10.33 47.4 10.33 17.17 0 33.32-3.27 48.3-9.77 14.8-6.42 26.47-13.98 34.88-22.91l.18-.2c3.95-4.7 6.17-10.07 6.19-15.66a21.8 21.8 0 0 0-4.12-13.28v-.02c-2.94-3.98-7.91-6.35-12.85-6.17-5.06.03-9.52 2.79-15.76 7.3l-.27.21c-16.75 14.18-34.73 21.05-54.51 21.05-11.29 0-21.35-2.25-30.47-6.78-9.02-4.48-16.08-11.08-21.5-20.2-4.69-7.89-7.15-17.81-7.93-29.24h128.18c7.19 0 13.28-1.57 17.66-5.41s6.43-9.67 6.43-16.25c.02-18.37-4.14-36.72-12.09-53.28v-.02c-8.08-17-19.63-30.83-34.59-41.21-15.06-10.45-32.43-15.7-51.64-15.7zm1.56 39.41c16.49.38 28.75 5.93 37.99 16.89 8.46 10.03 12.8 23.45 13.89 39.9H222.44c1.46-17.44 6.36-31.28 15.47-40.9 10.04-10.61 22.91-15.89 39.73-15.9zm-92.25 75.12c-.29.65-.57 1.9-1.05 1.29a4.5 4.5 0 0 0 1.05-1.29zM783.69.021c-7.1-.33-13.15 3.37-16.82 8.55a23.5 23.5 0 0 0-3.89 18.4l-.08-.74v91.46c-11.38-11.37-25.37-20.56-42.05-22.71-36.4-6.1-74.21 14.12-90.55 46.93-24.73 44.82-22.17 104.54 9.8 145.31 24.5 29.34 68.39 41.39 103.67 25.55 6.02-2 11-6.45 15.2-10.84 1.63-1.71 2.38-2.63 3.75-4.22.59 4.83 1.92 9.51 4.69 13.38 4.65 6.48 12.93 10.45 22.52 7.81 8.86-2.3 13.2-9.38 14.63-16.56s.7-14.78.53-20.59v-.1l-.08-263.71c0-.12-.01-.25-.02-.37-1.16-10.58-11.03-18.02-21.3-17.55zm-72.09 131.5a3.5 3.5 0 0 0 .23 0c26.03-.77 47.07 23.02 51.78 47.68 6.9 29.15 3.36 62.44-14.94 86.16-18.5 21.58-57.67 23.09-75.25-.21-15.03-19.74-19.09-46.51-16.45-71.23 3.18-23.38 13.06-48.71 35-58.5a43.7 43.7 0 0 1 19.63-3.89zm263.24-99.66c-5.57 0-10.67 1.75-14.67 5.21-4.17 3.6-6.29 8.94-6.29 14.94v43.95h-11.84c-5.86 0-10.99 1.52-14.71 4.88s-5.73 8.3-6.31 14.14a3.7 3.7 0 0 0 0 .84 20.8 20.8 0 0 0 6.41 12.79c3.78 3.54 8.9 5.27 14.61 5.27h11.84v164.1c0 6.55 1.89 12.21 5.84 16.13 3.81 3.77 8.89 5.7 14.34 5.7 5.9 0 11.35-1.82 15.7-5.51 4.47-3.79 6.88-9.34 6.88-15.57v-164.84h13.48c5.23 0 10.03-1.95 13.42-5.62a18.9 18.9 0 0 0 5.1-12.91c0-5.47-1.77-10.4-5.27-13.98-3.63-3.71-8.89-5.41-14.92-5.41h-11.8v-43.09c0-6.48-2.16-12.11-6.52-15.78-4.15-3.49-9.44-5.23-15.27-5.23z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

5
public/assets/logo/seedit-text-light.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1028 320">
<!-- fill="#fff" is the background color of the i's dot, remove this path to have the background color transparent -->
<path d="M896.52 40.051a28.88 28.88 0 0 1-28.86 28.86 28.88 28.88 0 0 1-28.85-28.86 28.88 28.88 0 0 1 28.85-28.86 28.88 28.88 0 0 1 28.86 28.86" fill="#fff"/>
<path d="M867.64 1.181a39.1 39.1 0 0 0-38.83 38.85v.02.02c.03 21.32 17.51 38.79 38.83 38.83h.02.02c21.32-.03 38.82-17.5 38.85-38.83v-.02-.02a39.1 39.1 0 0 0-38.85-38.85h-.02zm.02 20c10.52.02 18.84 8.35 18.87 18.87s-8.35 18.82-18.87 18.85c-10.52-.03-18.82-8.33-18.85-18.85s8.33-18.84 18.85-18.87zm.05 72.14a21 21 0 0 0-21 21v184.9a21 21 0 1 0 42 0v-184.9a21 21 0 0 0-21-21zm-788.43.6c-17.63.74-35.05 6.36-49.3 18.02-13 11.17-21.71 28.11-21.14 46.01-.43 11.37 3.93 21.39 10.4 29.51s15.05 14.52 23.51 19.15c25.14 14.67 54.21 19.66 73.34 39.66 6.64 9.46 1.33 24.59-8.7 29.41l-.27.15c-20.13 11.82-46.43 6-65.06-7.7l-.29-.19c-5.95-3.58-12.13-10.38-21.34-12.17a3.7 3.7 0 0 0-.4-.06c-14.61-1.13-25.32 16.95-17.27 29.79 8.67 17.26 27.05 24.18 42.3 29.58 29.98 9.31 64.95 7.7 91.4-11.64 21.11-16.92 32.14-48.87 19.72-74.75-12.7-23.36-37.77-32.53-58.84-40.98h-.02c-16.19-6.56-33.04-12.31-44.31-24.54-5.79-9.39.11-24.02 10.43-26.98l.47-.17c19.29-8.53 43.42-2.57 58.17 12.73l.26.23c5.51 4.81 13.18 5.97 19.88 4.09s12.84-7.54 13.3-15.96c.45-8.32-3.38-15.19-8.41-20.26s-11.28-8.71-16.71-11.53c-15.59-8.05-33.5-12.15-51.13-11.41zm417.5-.5c-19.76.28-37.29 5.74-52.11 16.48a105 105 0 0 0-33.89 41.54 141.76 141.76 0 0 0-12.97 53.65l.12-.92-.14.55a4.5 4.5 0 0 0 .21 2.81l-.98-.23c.21 13.29 2.18 26.53 5.86 39.3h-.02a116.8 116.8 0 0 0 17.87 36.54h-.02c8.28 11.43 19.25 20.6 32.64 27.46 13.57 6.96 29.44 10.33 47.4 10.33 17.17 0 33.32-3.27 48.3-9.77 14.8-6.42 26.47-13.98 34.88-22.91l.18-.2c3.95-4.7 6.17-10.07 6.19-15.66a21.8 21.8 0 0 0-4.12-13.28 15.5 15.5 0 0 0-12.85-6.19c-5.06.03-9.52 2.79-15.76 7.3l-.27.21c-16.75 14.18-34.73 21.05-54.51 21.05-11.29 0-21.35-2.25-30.47-6.78-9.02-4.48-16.08-11.08-21.5-20.2-4.69-7.89-7.15-17.81-7.93-29.24h128.18c7.19 0 13.28-1.57 17.66-5.41s6.43-9.67 6.43-16.25c.02-18.37-4.14-36.72-12.09-53.28v-.02c-8.08-17-19.63-30.83-34.59-41.21-15.06-10.45-32.43-15.7-51.64-15.7zm1.56 39.41c16.49.38 28.75 5.93 37.99 16.89 8.46 10.03 12.8 23.45 13.89 39.9H443.15c1.46-17.44 6.36-31.28 15.47-40.9 10.04-10.61 22.91-15.89 39.73-15.9zm-92.25 75.12c-.29.65-.57 1.9-1.05 1.29a4.5 4.5 0 0 0 1.05-1.29zM276.07 93.071c-19.76.28-37.29 5.74-52.11 16.48a105 105 0 0 0-33.89 41.54 141.76 141.76 0 0 0-12.97 53.65l.12-.92-.14.55a4.5 4.5 0 0 0 .21 2.81l-.98-.23c.21 13.29 2.18 26.53 5.86 39.3h-.02a116.8 116.8 0 0 0 17.87 36.54H200c8.28 11.43 19.25 20.6 32.64 27.46 13.57 6.96 29.44 10.33 47.4 10.33 17.17 0 33.32-3.27 48.3-9.77 14.8-6.42 26.47-13.98 34.88-22.91l.18-.2c3.95-4.7 6.17-10.07 6.19-15.66a21.8 21.8 0 0 0-4.12-13.28v-.02c-2.94-3.98-7.91-6.35-12.85-6.17-5.06.03-9.52 2.79-15.76 7.3l-.27.21c-16.75 14.18-34.73 21.05-54.51 21.05-11.29 0-21.35-2.25-30.47-6.78-9.02-4.48-16.08-11.08-21.5-20.2-4.69-7.89-7.15-17.81-7.93-29.24h128.18c7.19 0 13.28-1.57 17.66-5.41s6.43-9.67 6.43-16.25c.02-18.37-4.14-36.72-12.09-53.28v-.02c-8.08-17-19.63-30.83-34.59-41.21-15.06-10.45-32.43-15.7-51.64-15.7zm1.56 39.41c16.49.38 28.75 5.93 37.99 16.89 8.46 10.03 12.8 23.45 13.89 39.9H222.44c1.46-17.44 6.36-31.28 15.47-40.9 10.04-10.61 22.91-15.89 39.73-15.9zm-92.25 75.12c-.29.65-.57 1.9-1.05 1.29a4.5 4.5 0 0 0 1.05-1.29zM783.69.021c-7.1-.33-13.15 3.37-16.82 8.55a23.5 23.5 0 0 0-3.89 18.4l-.08-.74v91.46c-11.38-11.37-25.37-20.56-42.05-22.71-36.4-6.1-74.21 14.12-90.55 46.93-24.73 44.82-22.17 104.54 9.8 145.31 24.5 29.34 68.39 41.39 103.67 25.55 6.02-2 11-6.45 15.2-10.84 1.63-1.71 2.38-2.63 3.75-4.22.59 4.83 1.92 9.51 4.69 13.38 4.65 6.48 12.93 10.45 22.52 7.81 8.86-2.3 13.2-9.38 14.63-16.56s.7-14.78.53-20.59v-.1l-.08-263.71c0-.12-.01-.25-.02-.37-1.16-10.58-11.03-18.02-21.3-17.55zm-72.09 131.5a3.5 3.5 0 0 0 .23 0c26.03-.77 47.07 23.02 51.78 47.68 6.9 29.15 3.36 62.44-14.94 86.16-18.5 21.58-57.67 23.09-75.25-.21-15.03-19.74-19.09-46.51-16.45-71.23 3.18-23.38 13.06-48.71 35-58.5a43.7 43.7 0 0 1 19.63-3.89zm263.24-99.66c-5.57 0-10.67 1.75-14.67 5.21-4.17 3.6-6.29 8.94-6.29 14.94v43.95h-11.84c-5.86 0-10.99 1.52-14.71 4.88s-5.73 8.3-6.31 14.14a3.7 3.7 0 0 0 0 .84 20.8 20.8 0 0 0 6.41 12.79c3.78 3.54 8.9 5.27 14.61 5.27h11.84v164.1c0 6.55 1.89 12.21 5.84 16.13 3.81 3.77 8.89 5.7 14.34 5.7 5.9 0 11.35-1.82 15.7-5.51 4.47-3.79 6.88-9.34 6.88-15.57v-164.84h13.48c5.23 0 10.03-1.95 13.42-5.62a18.9 18.9 0 0 0 5.1-12.91c0-5.47-1.77-10.4-5.27-13.98-3.63-3.71-8.89-5.41-14.92-5.41h-11.8v-43.09c0-6.48-2.16-12.11-6.52-15.78-4.15-3.49-9.44-5.23-15.27-5.23z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

1
src/components/header/header.module.css
View File

@@ -24,6 +24,7 @@
}
.logoText {
width: 84px;
margin-bottom: -17px;
max-height: 26px;
object-fit: contain;

3
src/components/header/header.tsx
View File

@@ -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 = () => {
<span className={styles.container}>
<Link to='/' style={{ all: 'unset', cursor: 'pointer' }}>
<img className={styles.logo} src='/assets/logo/seedit.png' alt='logo' />
<img className={styles.logoText} src={logoSrc} alt='logo' />
<img src={`${process.env.PUBLIC_URL}/assets/logo/seedit-text-${theme === 'black' ? 'dark' : 'light'}.svg`} className={styles.logoText} alt='logo' />
</Link>
<ul className={styles.tabMenu}>
{choices.map((choice, index) => (