chore(style&dashboard): optimize scss variable file & add version field to Dashboard

ui/.env

@@ -1,2 +1,2 @@
 REACT_APP_API_URL=/
-CDN_PATH=/
+REACT_APP_VERSION=

ui/.env.development

@@ -1,2 +1,2 @@
-REACT_APP_API_URL=http://10.0.10.98:2060
-CDN_PATH=https://cdn.dev.segmentfault.com/<projectName>/<version>/
+REACT_APP_API_URL=http://10.0.10.98:206
+REACT_APP_VERSION=

ui/src/components/FollowingTags/index.tsx

@@ -68,7 +68,7 @@ const Index: FC = () => {
           {t('edit')}
         </Button>
       </Card.Header>
-      <Card.Body className="mx-n1">
+      <Card.Body className="m-n1">
         {followingTags?.length ? (
           <>
             {followingTags.map((item) => {

ui/src/components/Header/index.scss

@@ -6,7 +6,6 @@
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15), $box-shadow-sm;
   .logo {
     max-height: 1.75rem;
-    line-height: 1;
   }
   .nav-link {
     color: rgba(255, 255, 255, 0.7);

ui/src/i18n/locales/en.json

@@ -738,7 +738,8 @@
     },
     "dashboard": {
       "title": "Dashboard",
-      "welcome": "Welcome to Answer Admin !"
+      "welcome": "Welcome to Answer Admin !",
+      "version": "Version"
     },
     "flags": {
       "title": "Flags",
@@ -858,4 +859,4 @@
       }
     }
   }
-}
+}

ui/src/index.scss

@@ -54,7 +54,7 @@ a {
   border-radius: 50%;
   position: absolute;
   left: 20px;
-  top: 0px;
+  top: 0;
   border: 1px solid #fff;
 }
 

ui/src/pages/Admin/Dashboard/index.tsx

@@ -7,6 +7,12 @@ const Dashboard: FC = () => {
     <>
       <h3 className="text-capitalize">{t('title')}</h3>
       <p className="mt-4">{t('welcome')}</p>
+      {process.env.REACT_APP_VERSION && (
+        <p className="mt-4">
+          {`${t('version')} `}
+          {process.env.REACT_APP_VERSION}
+        </p>
+      )}
     </>
   );
 };