xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 09:11:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modify css

Browse Source
This commit is contained in:
DefectingCat
2022-01-14 21:34:16 +08:00
parent 7db40c4c08
commit c7be918c34
3 changed files with 30 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/NavBar.tsx
View File

@ -4,9 +4,10 @@ import { FiHome, FiArchive, FiUser, FiSearch } from 'react-icons/fi';
import UseAnimations from 'react-useanimations';
import menu3 from 'react-useanimations/lib/menu3';
import { IconType } from 'react-icons';
import dynamic from 'next/dynamic';
import NavAvatar from 'components/nav/NavAvatar';
import NavMenuItem from 'components/nav/NavMenuItem';
const NavAvatar = dynamic(() => import('components/nav/NavAvatar'));
const NavMenuItem = dynamic(() => import('components/nav/NavMenuItem'));
export type MenuItem = {
id: number;
@ -63,6 +64,8 @@ const NavBar: FC = () => {
>
<div className="flex justify-between">
<NavAvatar />
{/* Mobile menu button */}
<div className="cursor-pointer md:hidden" ref={iconRef}>
<UseAnimations
reverse={menuIsOpen}
@ -74,6 +77,7 @@ const NavBar: FC = () => {
</div>
</div>
{/* Menus */}
<div
className={cn(
{ hidden: !menuIsOpen },