jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: layout UI upgrade (#6577)

Browse source
This commit is contained in:
Joel 2024-07-23 17:11:02 +08:00 • committed by GitHub
commit 6a9d202414
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 51 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/app/components/app-sidebar/app-info.tsx
View file

@ -218,7 +218,7 @@ const AppInfo = ({ expand }: IAppInfoProps) => {
</div>
{expand && (
<div className="grow w-0">
<div className='flex justify-between items-center text-sm leading-5 font-medium text-gray-900'>
<div className='flex justify-between items-center text-sm leading-5 font-medium text-text-secondary'>
<div className='truncate' title={appDetail.name}>{appDetail.name}</div>
{isCurrentWorkspaceEditor && <RiArrowDownSLine className='shrink-0 ml-[2px] w-3 h-3 text-gray-500' />}
</div>

8
web/app/components/app-sidebar/index.tsx
View file

@ -49,7 +49,7 @@ const AppDetailNav = ({ title, desc, icon, icon_background, navigation, extraInf
return (
<div
className={`
shrink-0 flex flex-col bg-white border-r border-gray-200 transition-all
shrink-0 flex flex-col bg-background-default-subtle border-r border-divider-burn transition-all
${expand ? 'w-[216px]' : 'w-14'}
`}
>
@ -60,7 +60,7 @@ const AppDetailNav = ({ title, desc, icon, icon_background, navigation, extraInf
`}
>
{iconType === 'app' && (
<AppInfo expand={expand}/>
<AppInfo expand={expand} />
)}
{iconType !== 'app' && (
<AppBasic
@ -74,11 +74,11 @@ const AppDetailNav = ({ title, desc, icon, icon_background, navigation, extraInf
)}
</div>
{!expand && (
<div className='mt-1 mx-auto w-6 h-[1px] bg-gray-100'/>
<div className='mt-1 mx-auto w-6 h-[1px] bg-divider-subtle' />
)}
<nav
className={`
grow space-y-1 bg-white
grow space-y-1
${expand ? 'p-4' : 'px-2.5 py-4'}
`}
>

3
web/app/components/app-sidebar/navLink.tsx
View file

@ -44,7 +44,7 @@ export default function NavLink({
key={name}
href={href}
className={classNames(
isActive ? 'bg-primary-50 text-primary-600 font-semibold' : 'text-gray-700 hover:bg-gray-100 hover:text-gray-700',
isActive ? 'bg-state-accent-active text-text-accent font-semibold' : 'text-components-menu-item-text hover:bg-gray-100 hover:text-components-menu-item-text-hover',
'group flex items-center h-9 rounded-md py-2 text-sm font-normal',
mode === 'expand' ? 'px-3' : 'px-2.5',
)}
@ -53,7 +53,6 @@ export default function NavLink({
<NavIcon
className={classNames(
'h-4 w-4 flex-shrink-0',
isActive ? 'text-primary-600' : 'text-gray-700',
mode === 'expand' ? 'mr-2' : 'mr-0',
)}
aria-hidden="true"