fix(Footer): align content center, make it resposive in wider screen

Author: mydearxym

containers/Footer/BottomInfo.js

@@ -1,15 +1,22 @@
 import React from 'react'
 
-// import { ICON_CMD } from '@config'
-import { Wrapper, Copyrights, Thanks, ThxTitle } from './styles/bottom_info'
+import {
+  Wrapper,
+  InnerWrapper,
+  Copyrights,
+  Thanks,
+  ThxTitle,
+} from './styles/bottom_info'
 import { toggleBusBanner } from './logic'
 
 const BottomInfo = () => (
   <Wrapper>
-    <Copyrights>©2019 All Rights Reserved</Copyrights>
-    <Thanks onClick={toggleBusBanner}>
-      <ThxTitle>特别鸣谢： (求赞助)</ThxTitle>
-    </Thanks>
+    <InnerWrapper>
+      <Copyrights>©2019 All Rights Reserved</Copyrights>
+      <Thanks onClick={toggleBusBanner}>
+        <ThxTitle>特别鸣谢： (求赞助)</ThxTitle>
+      </Thanks>
+    </InnerWrapper>
   </Wrapper>
 )
 

containers/Footer/BriefView.js

@@ -6,6 +6,7 @@ import MobilBottomInfo from './MobilBottomInfo'
 
 import {
   Wrapper,
+  InnerWrapper,
   MainInfos,
   BaseInfo,
   Divider,
@@ -17,54 +18,60 @@ import { toggleSponsorHelper, toggleBusBanner } from './logic'
 
 const BriefView = () => (
   <Wrapper>
-    <MainInfos>
-      <BaseInfo>
-        <Item
-          href="http://www.miitbeian.gov.cn"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          蜀ICP备17043722号-4
-        </Item>
-        <Divider>|</Divider>
-        <Item href="/home/post/1" rel="noopener noreferrer" target="_blank">
-          关于
-        </Item>
-        <Divider>|</Divider>
-        <Item
-          href="/cps-support/posts"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          使用指南
-        </Item>
-        <Divider>|</Divider>
-        <Item href={`${ISSUE_ADDR}`} rel="noopener noreferrer" target="_blank">
-          反馈与建议
-        </Item>
-        <Divider>|</Divider>
-        <Item
-          href={`${API_SERVER_ADDR}`}
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          API
-        </Item>
-        <Divider>|</Divider>
-        <Item onClick={toggleBusBanner}>商务合作</Item>
+    <InnerWrapper>
+      <MainInfos>
+        <BaseInfo>
+          <Item
+            href="http://www.miitbeian.gov.cn"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            蜀ICP备17043722号-4
+          </Item>
+          <Divider>|</Divider>
+          <Item href="/home/post/1" rel="noopener noreferrer" target="_blank">
+            关于
+          </Item>
+          <Divider>|</Divider>
+          <Item
+            href="/cps-support/posts"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            使用指南
+          </Item>
+          <Divider>|</Divider>
+          <Item
+            href={`${ISSUE_ADDR}`}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            反馈与建议
+          </Item>
+          <Divider>|</Divider>
+          <Item
+            href={`${API_SERVER_ADDR}`}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            API
+          </Item>
+          <Divider>|</Divider>
+          <Item onClick={toggleBusBanner}>商务合作</Item>
 
-        <Divider>|</Divider>
-        <Support onClick={toggleSponsorHelper}>打赏</Support>
-        <Divider>|</Divider>
-        <Item
-          href={`${ISSUE_ADDR}/269`}
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          客户端
-        </Item>
-      </BaseInfo>
-    </MainInfos>
+          <Divider>|</Divider>
+          <Support onClick={toggleSponsorHelper}>打赏</Support>
+          <Divider>|</Divider>
+          <Item
+            href={`${ISSUE_ADDR}/269`}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            客户端
+          </Item>
+        </BaseInfo>
+      </MainInfos>
+    </InnerWrapper>
     <BottomInfo />
     <MobilBottomInfo />
   </Wrapper>