fix: 贡献者 样式调整

Author: OweQian

pages/components/contributors/index.tsx

@@ -19,14 +19,17 @@ const Contributors: FC<IContributorsProps> = ({}) => {
         <Descriptions.Item itemKey="Download">1000+</Descriptions.Item>
         <Descriptions.Item itemKey="Contributors">30+</Descriptions.Item>
       </Descriptions>
-      <Row gutter={80}>
-        <Col xs={24} sm={24} md={12} lg={12} xl={12}>
-          <Image src={ContributorForQQ} alt="" width={90} height={90}/>
-        </Col>
-        <Col xs={24} sm={24} md={12} lg={12} xl={12}>
-          <Image src={ContributorForWechat} alt="" width={90} height={90}/>
-        </Col>
-      </Row>
+      <div className={styles.imageBox}>
+        <Row type="flex" gutter={80}>
+          <Col xs={24} sm={24} md={12} lg={12} xl={12}>
+            <Image src={ContributorForQQ} alt="" width={90} height={90}/>
+          </Col>
+          <Col xs={24} sm={24} md={12} lg={12} xl={12}>
+            <Image src={ContributorForWechat} alt="" width={90} height={90}/>
+          </Col>
+        </Row>
+      </div>
+
     </div>
   );
 };

pages/components/contributors/styles.module.scss

@@ -5,6 +5,10 @@
   flex-direction: column;
   width: 100%;
   padding: 10rem 8rem;
+  .imageBox {
+    width: 100%;
+    margin-top: 3rem;
+  }
   .title {
     font-size: 2rem;
     color: var(--semi-color-text-0);
@@ -24,23 +28,21 @@
   }
   img {
     width: 100%;
-    height: 23rem;
+    height: 25rem;
     border-radius: 8px;
   }
   :global {
     .semi-descriptions {
       display: flex;
       width: 100%;
       align-items: center;
-      padding: 0 20px;
+      padding: 0 -20px;
     }
     .semi-row {
-      width: 100%;
       margin-top: 3rem;
     }
     .semi-descriptions table {
       width: 100%;
-      padding: 20px;
     }
     .semi-descriptions-double tbody {
       width: 100%;