mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
22 lines
654 B
JavaScript
22 lines
654 B
JavaScript
/**
|
|
* 标签组导航条，默认隐藏仅在移动端显示
|
|
* @param tags
|
|
* @param currentTag
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const StickyBar = ({ children }) => {
|
|
if (!children) return <></>
|
|
return (
|
|
<div id='sticky-bar' className='sticky flex-grow justify-center top-14 md:top-0 duration-500 z-10 pb-16'>
|
|
<div className='bg-white dark:bg-gray-800 dark:border-gray-600 px-5 absolute rounded-none md:rounded-xl shadow-xl border w-full hidden-scroll'>
|
|
<div id='tag-container' className="md:pl-3 overflow-x-auto">
|
|
{ children }
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default StickyBar
|