From 67acd174ac7068e1864794663a03a2159ccffec0 Mon Sep 17 00:00:00 2001
From: Yi <yxiaoisme@gmail.com>
Date: Wed, 9 Oct 2024 15:55:33 +0800
Subject: [PATCH] add different styles to plugins and discover

---
 web/app/(commonLayout)/plugins/Container.tsx     | 7 +++++--
 web/app/components/plugins/marketplace/index.tsx | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/app/(commonLayout)/plugins/Container.tsx b/web/app/(commonLayout)/plugins/Container.tsx
index 7adf0405b3..f6d9c9a700 100644
--- a/web/app/(commonLayout)/plugins/Container.tsx
+++ b/web/app/(commonLayout)/plugins/Container.tsx
@@ -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'>
diff --git a/web/app/components/plugins/marketplace/index.tsx b/web/app/components/plugins/marketplace/index.tsx
index a9a45159a8..740d1e35b7 100644
--- a/web/app/components/plugins/marketplace/index.tsx
+++ b/web/app/components/plugins/marketplace/index.tsx
@@ -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>