This is an automated email from the ASF dual-hosted git repository.

mintsweet pushed a commit to branch fix-layout-style
in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git

commit 94301b770b106138ef01f5156d9b7443c7ef2a9b
Author: mintsweet <[email protected]>
AuthorDate: Thu Nov 23 22:16:38 2023 +1300

    fix(config-ui): adjust the style for layout
---
 config-ui/src/routes/connection/connections.tsx | 4 +++-
 config-ui/src/routes/layout/layout.tsx          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/config-ui/src/routes/connection/connections.tsx 
b/config-ui/src/routes/connection/connections.tsx
index 7aa101030..ad8130f71 100644
--- a/config-ui/src/routes/connection/connections.tsx
+++ b/config-ui/src/routes/connection/connections.tsx
@@ -45,7 +45,7 @@ export const Connections = () => {
 
   const [firstPlugins, secondPlugins] = chunk(
     plugins.filter((p) => p !== 'webhook'),
-    6,
+    7,
   );
 
   const handleShowListDialog = (plugin: string) => {
@@ -145,6 +145,7 @@ export const Connections = () => {
         <Modal
           open
           width={820}
+          centered
           title={
             <S.ModalTitle>
               <span className="icon">{pluginConfig.icon({ color: colorPrimary 
})}</span>
@@ -161,6 +162,7 @@ export const Connections = () => {
         <Modal
           open
           width={820}
+          centered
           title={
             <S.ModalTitle>
               <span className="icon">{pluginConfig.icon({ color: colorPrimary 
})}</span>
diff --git a/config-ui/src/routes/layout/layout.tsx 
b/config-ui/src/routes/layout/layout.tsx
index 82f8aae62..d3ea40f73 100644
--- a/config-ui/src/routes/layout/layout.tsx
+++ b/config-ui/src/routes/layout/layout.tsx
@@ -122,7 +122,7 @@ export const Layout = () => {
                   </>
                 ))}
               </Header>
-              <Content style={{ margin: '16px 24px' }}>
+              <Content style={{ margin: '0 auto', maxWidth: 1188 }}>
                 <Outlet />
               </Content>
               <Footer style={{ color: '#a1a1a1', textAlign: 'center' }}>

Reply via email to