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

lynwee pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git


The following commit(s) were added to refs/heads/main by this push:
     new 00a34bc92 fix(config-ui): adjust the style for layout (#6506)
00a34bc92 is described below

commit 00a34bc92f4fcf2be828f40f40a0958b846fa94e
Author: 青湛 <[email protected]>
AuthorDate: Thu Nov 23 22:21:45 2023 +1300

    fix(config-ui): adjust the style for layout (#6506)
---
 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