chore: adjust styles

hypertrons · Oct 24, 2023 · be37f28 · be37f28
1 parent 43f1ee1
commit be37f28
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/pages/ContentScripts/features/repo-collection/CollectionContent/index.tsx b/src/pages/ContentScripts/features/repo-collection/CollectionContent/index.tsx
@@ -36,7 +36,7 @@ const CollectionContent: React.FC<Index> = ({ repoNames, currentRepo }) => {
   };
 
   return (
-    <Layout style={{ padding: '24px 0', background: colorBgContainer }}>
+    <Layout style={{ padding: '18px 0', background: colorBgContainer }}>
       <Sider style={{ background: colorBgContainer }} width={200}>
         <Menu
           mode="inline"
@@ -46,7 +46,7 @@ const CollectionContent: React.FC<Index> = ({ repoNames, currentRepo }) => {
           onClick={({ key }) => handleMenuClick(key)} //点击切换选中的repo
         />
       </Sider>
-      <Content style={{ padding: '0 24px', minHeight: 280 }}>
+      <Content style={{ paddingLeft: '24px', minHeight: 280 }}>
         <CollectionDashboard repoNames={repoNames} currentRepo={selectedRepo} />
       </Content>
     </Layout>

diff --git a/src/pages/ContentScripts/features/repo-collection/CollectionModal/index.tsx b/src/pages/ContentScripts/features/repo-collection/CollectionModal/index.tsx
@@ -35,7 +35,7 @@ export const CollectionManageModal = () => {
   const [isEdit, setIsEdit] = useState<boolean>();
 
   const editTab = (
-    <div style={{ display: 'flex', gap: '10px' }}>
+    <div style={{ display: 'flex', gap: '10px', marginRight: '15px' }}>
       <Button
         onClick={() => {
           setIsClick(true);
@@ -198,14 +198,13 @@ export const CollectionManageModal = () => {
           setSelectedCollection(undefined);
         }}
         footer={null}
-        width={'100%'}
+        width={'95%'}
         style={{
-          top: '0px',
-          bottom: '0px',
-          height: '100vh',
-          maxWidth: 'unset',
+          top: '10px',
+          bottom: '10px',
+          height: '95vh',
         }}
-        bodyStyle={{ height: 'calc(100vh - 40px)', overflow: 'auto' }} // 40px is the sum of top and bottom padding
+        bodyStyle={{ height: 'calc(95vh - 30px)', overflow: 'auto' }} // 40px is the sum of top and bottom padding
       >
         <Tabs
           hideAdd
@@ -215,6 +214,7 @@ export const CollectionManageModal = () => {
           onEdit={onEdit}
           items={items}
           tabBarExtraContent={editTab}
+          style={{ margin: '0px 24px' }}
         />
       </Modal>
       {isClick && (