From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/base/tab-header/index.tsx | 14 +++++---------
1 files changed, 5 insertions(+), 9 deletions(-)
diff --git a/app/components/base/tab-header/index.tsx b/app/components/base/tab-header/index.tsx
index 36dfa8c..47edc5d 100644
--- a/app/components/base/tab-header/index.tsx
+++ b/app/components/base/tab-header/index.tsx
@@ -1,13 +1,13 @@
'use client'
import type { FC } from 'react'
import React from 'react'
+import s from './style.module.css'
import cn from '@/utils/classnames'
type Item = {
id: string
name: string
isRight?: boolean
- icon?: React.ReactNode
extra?: React.ReactNode
}
@@ -22,22 +22,18 @@
value,
onChange,
}) => {
- const renderItem = ({ id, name, icon, extra }: Item) => (
+ const renderItem = ({ id, name, extra }: Item) => (
<div
key={id}
- className={cn(
- 'system-md-semibold relative flex cursor-pointer items-center border-b-2 border-transparent pb-2 pt-2.5',
- id === value ? 'border-components-tab-active text-text-primary' : 'text-text-tertiary',
- )}
+ className={cn(id === value ? `${s.itemActive} text-gray-900` : 'text-gray-500', 'relative flex items-center pb-1.5 leading-6 cursor-pointer')}
onClick={() => onChange(id)}
>
- {icon || ''}
- <div className='ml-2'>{name}</div>
+ <div className='text-base font-semibold'>{name}</div>
{extra || ''}
</div>
)
return (
- <div className='flex justify-between'>
+ <div className='flex justify-between border-b border-gray-200 '>
<div className='flex space-x-4'>
{items.filter(item => !item.isRight).map(renderItem)}
</div>
--
Gitblit v1.8.0