refactor: update a link default styles

Author: fecommunity

client/src/components/AboutUs/index.module.scss

@@ -11,14 +11,19 @@
     background: transparent;
   }
 
-
   .title {
     font-size: 16px;
     display: inline-block;
     padding-bottom: 4px;
     font-weight: bold;
     color: var(--main-text-color);
   }
+  a {
+    color: inherit;
+    &:hover {
+      color: var(--primary-color);
+    }
+  }
 }
 
 .icons {
@@ -59,13 +64,12 @@
 .copyright {
   font-size: 14px;
   text-align: left;
-  display: flex;
-  align-items: center;
   line-height: 24px;
+  word-break: break-all;
 }
 
 .container {
   display: flex;
   flex-direction: column;
   width: 100%;
-}
+}

client/src/components/AboutUs/index.tsx

@@ -87,7 +87,7 @@ export const WeChat = () => {
   );
 };
 
-export const ContactInfo = ({ }) => {
+export const ContactInfo = () => {
   return (
     <ul className={style.icons}>
       <ul>
@@ -112,24 +112,26 @@ export const ContactInfo = ({ }) => {
 const AboutUs = ({ setting, className = '', hasBg = false }: IProps) => {
   const t = useTranslations();
   return (
-    <Card title={t('aboutUs')} className={style.card}>
-      <div className={style.wrapper}>
-        {setting?.systemFooterInfo && (
-          <div
-            className={style.copyright}
-            dangerouslySetInnerHTML={{
-              __html: setting.systemFooterInfo,
-            }}
-          ></div>
-        )}
-        <footer className={cls(style.footer, className, hasBg && style.hasBg)}>
-          <div className={style.container}>
-            <Divider dashed />
-            <ContactInfo setting={setting} />
+    <footer>
+      <Card title={t('aboutUs')} className={style.card}>
+        <div className={style.wrapper}>
+          {setting?.systemFooterInfo && (
+            <div
+              className={style.copyright}
+              dangerouslySetInnerHTML={{
+                __html: setting.systemFooterInfo,
+              }}
+            ></div>
+          )}
+          <div className={cls(style.footer, className, hasBg && style.hasBg)}>
+            <div className={style.container}>
+              <Divider dashed />
+              <ContactInfo />
+            </div>
           </div>
-        </footer>
-      </div>
-    </Card>
+        </div>
+      </Card>
+    </footer>
   );
 };
 

client/src/components/Footer/index.module.scss

@@ -57,9 +57,8 @@ ul.icons {
 .copyright {
   font-size: 14px;
   text-align: left;
-  display: flex;
-  align-items: center;
   line-height: 24px;
+  word-break: break-all;
 }
 
 

client/src/components/SystemNotification/index.module.scss

@@ -1,12 +1,13 @@
 .alert {
-  margin-top: 16px;
-  background-color: var(--bg-box);
+  margin-top: 16px !important;
+  background-color: var(--bg-box) !important;
   overflow: hidden;
   width: 100%;
   > span {
     color: var(---brand-danger) !important;
   }
   a {
+    color: inherit;
     &:hover {
       color: var(--primary-color) !important;
     }

client/src/theme/reset.scss

@@ -43,7 +43,7 @@ a {
   text-decoration: none;
 
   &:hover {
-    color: inherit;
+    color: var(--primary-color);
   }
 }