导航条加阴影;

航条标签栏滚动时隐藏;
使用Container容器;
移动端文章边距调整。
This commit is contained in:
tangly1024
2021-10-13 12:41:16 +08:00
parent 4d7284bc59
commit 1d73dc6de1
8 changed files with 55 additions and 45 deletions

View File

@@ -23,14 +23,14 @@ const MenuButtonGroup = ({ allowCollapse = false }) => {
link.show && (
<Link href={link.to}>
<li
key={link.id}
key={link.id + link.icon}
title={link.to}
className='py-3 px-5 hover:bg-gray-100 cursor-pointer dark:hover:bg-black duration-100 flex flex-nowrap align-middle'
>
<div className='my-auto w-5 text-2xl justify-center flex'>
<i className={'fa ' + link.icon} />
</div>
<div className={(allowCollapse ? 'hidden xl:block' : '') + ' ml-4 w-32'}>{link.name}</div>
<div className={(allowCollapse ? 'hidden 2xl:block' : '') + ' ml-4 w-32'}>{link.name}</div>
</li>
</Link>
)