glass other page

src/components/tab/TabContainer.tsx

@@ -6,6 +6,7 @@ import { TabHeader, TabItemProps } from './TabHeader';
 import clsx from 'clsx';
 import TabHeaderRenderer from './TabHeaderRenderer';
 import Image from 'next/image';
+import { glassSurfaceNav } from '@/lib/styles/glassSurface';
 
 type Props = {
     itemRenderer?: (child: ReactNode, index: number) => ReactElement;
@@ -38,7 +39,7 @@ export type TabContainerClassName = {
 
 export const TabContainerClassNames: TabContainerClassName = {
     wrapper: 'h-full',
-    scrollView: 'h-[72px] gradient-border !pt-3 !pb-2 w-full overflow-y-hidden bg-[#FFFFFF70] dark:bg-container/70 justify-center rounded-[32px] inline-flex items-center gap-10',
+    scrollView: glassSurfaceNav('h-[72px] gradient-border !pt-3 !pb-2 w-full overflow-y-hidden justify-center rounded-[32px] inline-flex items-center gap-10'),
     header: '',
     headerDeactive: '',
     headerActive: '',