External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

perf(topbar): optimize scroll up/down animation with GPU acceleration

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-02-20 00:12:06 +01:00
parent 3f7b436f37
commit 31c3482831
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/topbar/topbar.module.css
+3 -1
View File
@@ -52,7 +52,9 @@
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 3; z-index: 3;
transition: top 0.2s ease-in-out; will-change: transform;
transform: translateY(0);
transition: transform 0.2s ease-in-out;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
src/components/topbar/topbar.tsx
+1 -1
View File
@@ -194,7 +194,7 @@ const TopBarMobile = ({ subplebbitAddress }: { subplebbitAddress: string }) => {
}, []); }, []);
return ( return (
<div className={styles.boardNavMobile} id='sticky-menu' style={{ top: visible ? 0 : '-23px' }}> <div className={styles.boardNavMobile} style={{ transform: visible ? 'translateY(0)' : 'translateY(-23px)' }}>
<div className={styles.boardSelect}> <div className={styles.boardSelect}>
<strong>{t('board')}</strong> <strong>{t('board')}</strong>
{boardSelect} {boardSelect}