hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-02 02:10:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve styles to avoid FOUC

Browse Source
This commit is contained in:
Hazem Krimi
2022-01-29 22:28:53 +01:00
parent 14e1970a56
commit f00dc80aae
8 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MobileNav/index.tsx
+16 -4
View File
@@ -37,18 +37,30 @@ const MobileNav: FC<Props> = ({ open, close }) => {
/>
</div>
<div className='mobile-button-wrapper'>
<Button href='#' onClick={() => toggle()}>
<Button
href='#'
onClick={() => {
toggle();
close();
}}
>
{mode === 'dark' ? 'Light Mode' : 'Dark Mode'}
</Button>
</div>
<div className='mobile-button-wrapper'>
<Button href='/about'>About</Button>
<Button href='/about' onClick={() => close()}>
About
</Button>
</div>
<div className='mobile-button-wrapper'>
<Button href='/portfolio'>Portfolio</Button>
<Button href='/portfolio' onClick={() => close()}>
Portfolio
</Button>
</div>
<div className='mobile-button-wrapper'>
<Button href='/blog'>Blog</Button>
<Button href='/blog' onClick={() => close()}>
Blog
</Button>
</div>
</Bar>
);