From 5e537aea7a0862115b0926815d0a24ad840cae6d Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 28 Nov 2021 18:12:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=88=9B=E5=BB=BA=E9=9D=A2=E6=9D=BF=E7=9A=84=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/plugin/PluginStore/Item.tsx  |  2 +-
 web/src/plugin/PluginStore/index.tsx | 43 +++++++++++++---------------
 web/src/routes/Main/index.tsx        |  2 +-
 web/src/styles/antd/dark.less        |  4 +++
 4 files changed, 26 insertions(+), 25 deletions(-)

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;
+    }
   }
 
   // 表单