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/explore/sidebar/app-nav-item/index.tsx | 11 +++++++----
1 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/app/components/explore/sidebar/app-nav-item/index.tsx b/app/components/explore/sidebar/app-nav-item/index.tsx
index 9b3ca09..73bd935 100644
--- a/app/components/explore/sidebar/app-nav-item/index.tsx
+++ b/app/components/explore/sidebar/app-nav-item/index.tsx
@@ -3,6 +3,7 @@
import { useRouter } from 'next/navigation'
import { useHover } from 'ahooks'
+import s from './style.module.css'
import cn from '@/utils/classnames'
import ItemOperation from '@/app/components/explore/item-operation'
import AppIcon from '@/app/components/base/app-icon'
@@ -45,8 +46,10 @@
<div
ref={ref}
key={id}
- className={cn('system-sm-medium flex h-8 items-center justify-between rounded-lg px-2 text-sm font-normal text-components-menu-item-text mobile:justify-center mobile:px-1',
- isSelected ? 'bg-state-base-active text-components-menu-item-text-active' : 'hover:bg-state-base-hover hover:text-components-menu-item-text-hover',
+ className={cn(
+ s.item,
+ isSelected ? s.active : 'hover:bg-gray-200',
+ 'flex h-8 items-center justify-between mobile:justify-center px-2 mobile:px-1 rounded-lg text-sm font-normal',
)}
onClick={() => {
router.push(url) // use Link causes popup item always trigger jump. Can not be solved by e.stopPropagation().
@@ -55,11 +58,11 @@
{isMobile && <AppIcon size='tiny' iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />}
{!isMobile && (
<>
- <div className='flex w-0 grow items-center space-x-2'>
+ <div className='flex items-center space-x-2 w-0 grow'>
<AppIcon size='tiny' iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />
<div className='overflow-hidden text-ellipsis whitespace-nowrap' title={name}>{name}</div>
</div>
- <div className='h-6 shrink-0' onClick={e => e.stopPropagation()}>
+ <div className='shrink-0 h-6' onClick={e => e.stopPropagation()}>
<ItemOperation
isPinned={isPinned}
isItemHovering={isHovering}
--
Gitblit v1.8.0