diff --git a/web/src/plugin/PluginStore/Item.tsx b/web/src/plugin/PluginStore/Item.tsx index d3cd576c..9c18737f 100644 --- a/web/src/plugin/PluginStore/Item.tsx +++ b/web/src/plugin/PluginStore/Item.tsx @@ -42,7 +42,7 @@ export const PluginStoreItem: React.FC<{ }, [manifest]); return ( - <div className="rounded-md flex w-80 h-36 bg-white bg-opacity-40 dark:bg-black dark:bg-opacity-40 shadow py-2 px-3"> + <div className="rounded-md flex w-80 mobile:w-full h-36 bg-white bg-opacity-40 dark:bg-black dark:bg-opacity-40 shadow py-2 px-3"> <div className="flex w-full"> <div className="mr-2"> <Avatar shape="square" src={manifest.icon} name={manifest.label} /> diff --git a/web/src/plugin/PluginStore/index.tsx b/web/src/plugin/PluginStore/index.tsx index 00877ca8..6e550ccc 100644 --- a/web/src/plugin/PluginStore/index.tsx +++ b/web/src/plugin/PluginStore/index.tsx @@ -46,28 +46,26 @@ export const PluginStore: React.FC = React.memo(() => { <PillTabPane key="1" tab={t('全部')}> <Divider orientation="left">{t('内置插件')}</Divider> - <div className="flex flex-wrap"> + <div className="flex flex-wrap gap-2"> {builtinPlugins.map((plugin) => ( - <div key={plugin.name} className="m-1"> - <PluginStoreItem - manifest={plugin} - installed={installedPluginNameList.includes(plugin.name)} - builtin={true} - /> - </div> + <PluginStoreItem + key={plugin.name} + manifest={plugin} + installed={installedPluginNameList.includes(plugin.name)} + builtin={true} + /> ))} </div> <Divider orientation="left">{t('插件中心')}</Divider> - <div className="flex flex-wrap"> + <div className="flex flex-wrap gap-2"> {allPlugins.map((plugin) => ( - <div key={plugin.name} className="m-1"> - <PluginStoreItem - manifest={plugin} - installed={installedPluginNameList.includes(plugin.name)} - /> - </div> + <PluginStoreItem + key={plugin.name} + manifest={plugin} + installed={installedPluginNameList.includes(plugin.name)} + /> ))} </div> </PillTabPane> @@ -75,15 +73,14 @@ export const PluginStore: React.FC = React.memo(() => { <PillTabPane key="2" tab={t('已安装')}> <Divider orientation="left">{t('已安装')}</Divider> - <div className="flex flex-wrap"> + <div className="flex flex-wrap gap-2"> {[...builtinPlugins, ...installedPluginList].map((plugin) => ( - <div key={plugin.name} className="m-1"> - <PluginStoreItem - manifest={plugin} - installed={true} - builtin={true} - /> - </div> + <PluginStoreItem + key={plugin.name} + manifest={plugin} + installed={true} + builtin={true} + /> ))} </div> </PillTabPane> diff --git a/web/src/routes/Main/index.tsx b/web/src/routes/Main/index.tsx index 4413fdc0..e8ce35fc 100644 --- a/web/src/routes/Main/index.tsx +++ b/web/src/routes/Main/index.tsx @@ -15,7 +15,7 @@ const MainRoute: React.FC = React.memo(() => { <div className="flex flex-col h-full"> <GlobalTemporaryTip /> - <div className="flex flex-1"> + <div className="flex flex-1 overflow-hidden"> <Navbar /> <MainContent /> diff --git a/web/src/styles/antd/dark.less b/web/src/styles/antd/dark.less index 09d9b88c..154399ec 100644 --- a/web/src/styles/antd/dark.less +++ b/web/src/styles/antd/dark.less @@ -42,6 +42,10 @@ background: #555; } } + + &.ant-btn-link { + border-color: transparent; + } } // 表单