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

add different styles to plugins and discover

Browse Source
This commit is contained in:
Yi 2024-10-09 15:55:33 +08:00
parent b5edc64b2a
commit 67acd174ac
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/(commonLayout)/plugins/Container.tsx
View File

@ -17,6 +17,7 @@ import TabSlider from '@/app/components/base/tab-slider'
import ActionButton from '@/app/components/base/action-button' import ActionButton from '@/app/components/base/action-button'
import Tooltip from '@/app/components/base/tooltip' import Tooltip from '@/app/components/base/tooltip'
import Marketplace from '@/app/components/plugins/marketplace' import Marketplace from '@/app/components/plugins/marketplace'
import cn from '@/utils/classnames'
const Container = () => { const Container = () => {
const { t } = useTranslation() const { t } = useTranslation()
@ -38,8 +39,10 @@ const Container = () => {
return ( return (
<div <div
ref={containerRef} ref={containerRef}
className='grow relative flex flex-col rounded-t-xl bg-components-panel-bg border-t className={cn('grow relative flex flex-col overflow-y-auto border-t border-divider-subtle', activeTab === 'plugins'
border-divider-subtle overflow-y-auto' ? 'rounded-t-xl bg-components-panel-bg'
: 'bg-background-body',
)}
> >
<div className='flex min-h-[60px] px-12 pt-4 pb-2 items-center self-stretch gap-1'> <div className='flex min-h-[60px] px-12 pt-4 pb-2 items-center self-stretch gap-1'>
<div className='flex justify-between items-center w-full'> <div className='flex justify-between items-center w-full'>

4
web/app/components/plugins/marketplace/index.tsx
View File

@ -3,8 +3,8 @@ import PluginTypeSwitch from './plugin-type-switch'
const Marketplace = () => { const Marketplace = () => {
return ( return (
<div className='w-full bg-background-body'> <div className='w-full'>
<div className='py-10 bg-background-body'> <div className='py-10'>
<h1 className='mb-2 text-center title-4xl-semibold text-text-primary'> <h1 className='mb-2 text-center title-4xl-semibold text-text-primary'>
Empower your AI development Empower your AI development
</h1> </h1>