add different styles to plugins and discover

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

View File

@ -17,6 +17,7 @@ import TabSlider from '@/app/components/base/tab-slider'
import ActionButton from '@/app/components/base/action-button'
import Tooltip from '@/app/components/base/tooltip'
import Marketplace from '@/app/components/plugins/marketplace'
import cn from '@/utils/classnames'
const Container = () => {
const { t } = useTranslation()
@ -38,8 +39,10 @@ const Container = () => {
return (
<div
ref={containerRef}
className='grow relative flex flex-col rounded-t-xl bg-components-panel-bg border-t
border-divider-subtle overflow-y-auto'
className={cn('grow relative flex flex-col overflow-y-auto border-t border-divider-subtle', activeTab === 'plugins'
? '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 justify-between items-center w-full'>

View File

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