opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

modify style of app type tag

This commit is contained in:
JzoNg 2024-04-01 16:05:07 +08:00
parent 4e31d7b64f
commit 9fb7100b3f
2 changed files with 2 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/app/(commonLayout)/apps/AppCard.tsx
View File

@ -247,21 +247,7 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
<div className='truncate' title={app.name}>{app.name}</div>
</div>
<div className='flex items-center text-[10px] leading-[18px] text-gray-500 font-medium'>
{app.mode === 'advanced-chat' && (
<div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
)}
{app.mode === 'agent-chat' && (
<div className='truncate text-indigo-600'>{t('app.types.agent').toUpperCase()}</div>
)}
{app.mode === 'chat' && (
<div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
)}
{app.mode === 'completion' && (
<div className='truncate text-[#0E9384]'>{t('app.newApp.completeApp').toUpperCase()}</div>
)}
{app.mode === 'workflow' && (
<div className='truncate text-[#f79009]'>{t('app.types.workflow').toUpperCase()}</div>
)}
<div className='truncate'>{t('app.types.chatbot').toUpperCase()}</div>
</div>
</div>
{isCurrentWorkspaceManager && <CustomPopover

16
web/app/components/explore/app-card/index.tsx
View File

@ -50,21 +50,7 @@ const AppCard = ({
<div className='truncate' title={appBasicInfo.name}>{appBasicInfo.name}</div>
</div>
<div className='flex items-center text-[10px] leading-[18px] text-gray-500 font-medium'>
{appBasicInfo.mode === 'advanced-chat' && (
<div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
)}
{appBasicInfo.mode === 'agent-chat' && (
<div className='truncate text-indigo-600'>{t('app.types.agent').toUpperCase()}</div>
)}
{appBasicInfo.mode === 'chat' && (
<div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
)}
{appBasicInfo.mode === 'completion' && (
<div className='truncate text-[#0E9384]'>{t('app.newApp.completeApp').toUpperCase()}</div>
)}
{appBasicInfo.mode === 'workflow' && (
<div className='truncate text-[#f79009]'>{t('app.types.workflow').toUpperCase()}</div>
)}
<div className='truncate'>{t('app.types.chatbot').toUpperCase()}</div>
</div>
</div>
</div>