From 77950e48c76f4a3b29d01831d43039caba29888a Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 18 十一月 2025 14:12:42 +0800
Subject: [PATCH] 修改
---
app/components/app-sidebar/basic.tsx | 27 +++++++++++----------------
1 files changed, 11 insertions(+), 16 deletions(-)
diff --git a/app/components/app-sidebar/basic.tsx b/app/components/app-sidebar/basic.tsx
index 6a7d5a1..51fc107 100644
--- a/app/components/app-sidebar/basic.tsx
+++ b/app/components/app-sidebar/basic.tsx
@@ -48,33 +48,31 @@
const ICON_MAP = {
app: <AppIcon className='border !border-[rgba(0,0,0,0.05)]' />,
- api: <AppIcon innerIcon={ApiSvg} className='border !border-purple-200 !bg-purple-50' />,
+ api: <AppIcon innerIcon={ApiSvg} className='border !bg-purple-50 !border-purple-200' />,
dataset: <AppIcon innerIcon={DatasetSvg} className='!border-[0.5px] !border-indigo-100 !bg-indigo-25' />,
- webapp: <AppIcon innerIcon={WebappSvg} className='border !border-primary-200 !bg-primary-100' />,
+ webapp: <AppIcon innerIcon={WebappSvg} className='border !bg-primary-100 !border-primary-200' />,
notion: <AppIcon innerIcon={NotionSvg} className='!border-[0.5px] !border-indigo-100 !bg-white' />,
}
-export default function AppBasic({ icon, icon_background, name, isExternal, type, hoverTip, textStyle, isExtraInLine, mode = 'expand', iconType = 'app' }: IAppBasicProps) {
+export default function AppBasic({ icon, icon_background, name, isExternal, type, hoverTip, textStyle, mode = 'expand', iconType = 'app' }: IAppBasicProps) {
const { t } = useTranslation()
return (
- <div className="flex grow items-center">
+ <div className="flex items-start p-1">
{icon && icon_background && iconType === 'app' && (
- <div className='mr-3 shrink-0'>
+ <div className='flex-shrink-0 mr-3'>
<AppIcon icon={icon} background={icon_background} />
</div>
)}
{iconType !== 'app'
- && <div className='mr-3 shrink-0'>
+ && <div className='flex-shrink-0 mr-3'>
{ICON_MAP[iconType]}
</div>
}
- {mode === 'expand' && <div className="group w-full">
- <div className={`system-md-semibold flex flex-row items-center text-text-secondary group-hover:text-text-primary ${textStyle?.main ?? ''}`}>
- <div className="min-w-0 overflow-hidden text-ellipsis break-normal">
- {name}
- </div>
+ {mode === 'expand' && <div className="group">
+ <div className={`flex flex-row items-center text-sm font-semibold text-gray-700 group-hover:text-gray-900 break-all ${textStyle?.main ?? ''}`}>
+ {name}
{hoverTip
&& <Tooltip
popupContent={
@@ -88,11 +86,8 @@
/>
}
</div>
- {isExtraInLine ? (
- <div className="system-2xs-medium-uppercase flex text-text-tertiary">{type}</div>
- ) : (
- <div className='system-2xs-medium-uppercase text-text-tertiary'>{isExternal ? t('dataset.externalTag') : type}</div>
- )}
+ <div className={`text-xs font-normal text-gray-500 group-hover:text-gray-700 break-all ${textStyle?.extra ?? ''}`}>{type}</div>
+ <div className='text-text-tertiary system-2xs-medium-uppercase'>{isExternal ? t('dataset.externalTag') : ''}</div>
</div>}
</div>
)
--
Gitblit v1.8.0