inner navbar belong about page
This commit is contained in:
@@ -20,7 +20,7 @@ export function InnerNavbar() {
|
|||||||
return (
|
return (
|
||||||
<nav className="w-full border-b border-gray-100 bg-[#1e1d1c] sticky top-0 z-30">
|
<nav className="w-full border-b border-gray-100 bg-[#1e1d1c] sticky top-0 z-30">
|
||||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<div className="flex items-center gap-1 overflow-x-auto scrollbar-none [-ms-overflow-style:none] [scrollbar-width:none]">
|
<div className="flex items-center gap-1 overflow-x-auto">
|
||||||
{tabs.map((tab) => {
|
{tabs.map((tab) => {
|
||||||
const href = `/${locale}/about/${tab.value}`;
|
const href = `/${locale}/about/${tab.value}`;
|
||||||
const isActive = pathname === href || pathname.endsWith(`/about/${tab.value}`);
|
const isActive = pathname === href || pathname.endsWith(`/about/${tab.value}`);
|
||||||
@@ -47,4 +47,6 @@ export function InnerNavbar() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default InnerNavbar;
|
// for hide scrollbar in inner navbar, add this class to the parent container of InnerNavbar
|
||||||
|
// scrollbar-none [-ms-overflow-style:none] [scrollbar-width:none]
|
||||||
|
|
||||||
Reference in New Issue
Block a user