inner navbar belong about page

This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-03-02 09:10:02 +05:00
parent 7d4e45d524
commit 9858216ae6

View File

@@ -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]