AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-12 06:39:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix web style (#684)

Browse Source
This commit is contained in:
Rhon Joe 2023-07-31 16:24:51 +08:00 committed by GitHub
parent 1647970fb6
commit c48ec1334e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/(commonLayout)/apps/Apps.tsx
View File

@ -51,7 +51,7 @@ const Apps = () => {
}, []) }, [])
return ( return (
<nav className='grid content-start grid-cols-1 gap-4 px-12 pt-8 sm:grid-cols-2 lg:grid-cols-4 grow shrink-0'> <nav className='grid content-start grid-cols-1 gap-4 px-12 pt-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grow shrink-0'>
{data?.map(({ data: apps }) => apps.map(app => ( {data?.map(({ data: apps }) => apps.map(app => (
<AppCard key={app.id} app={app} onDelete={mutate} /> <AppCard key={app.id} app={app} onDelete={mutate} />
)))} )))}

2
web/app/(commonLayout)/datasets/Datasets.tsx
View File

@ -40,7 +40,7 @@ const Datasets = () => {
}, []) }, [])
return ( return (
<nav className='grid content-start grid-cols-1 gap-4 px-12 pt-8 sm:grid-cols-2 lg:grid-cols-4 grow shrink-0'> <nav className='grid content-start grid-cols-1 gap-4 px-12 pt-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grow shrink-0'>
{data?.map(({ data: datasets }) => datasets.map(dataset => ( {data?.map(({ data: datasets }) => datasets.map(dataset => (
<DatasetCard key={dataset.id} dataset={dataset} onDelete={mutate} />), <DatasetCard key={dataset.id} dataset={dataset} onDelete={mutate} />),
))} ))}

4
web/app/components/app-sidebar/basic.tsx
View File

@ -76,14 +76,14 @@ export default function AppBasic({ icon, icon_background, name, type, hoverTip,
} }
<div className="group"> <div className="group">
<div className={`flex flex-row items-center text-sm font-semibold text-gray-700 group-hover:text-gray-900 ${textStyle?.main}`}> <div className={`flex flex-row items-center text-sm font-semibold text-gray-700 group-hover:text-gray-900 break-all ${textStyle?.main ?? ''}`}>
{name} {name}
{hoverTip {hoverTip
&& <Tooltip content={hoverTip} selector={`a${randomString(16)}`}> && <Tooltip content={hoverTip} selector={`a${randomString(16)}`}>
<InformationCircleIcon className='w-4 h-4 ml-1 text-gray-400' /> <InformationCircleIcon className='w-4 h-4 ml-1 text-gray-400' />
</Tooltip>} </Tooltip>}
</div> </div>
<div className={`text-xs font-normal text-gray-500 group-hover:text-gray-700 ${textStyle?.extra}`}>{type}</div> <div className={`text-xs font-normal text-gray-500 group-hover:text-gray-700 break-all ${textStyle?.extra ?? ''}`}>{type}</div>
</div> </div>
</div> </div>
) )