From 6900f348235f25336450910c8d71b4ffc3133818 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 4 Nov 2020 16:15:55 +0800
Subject: feat: About page use new card effect.

---
 FrontEnd/src/app/views/about/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'FrontEnd/src/app')

diff --git a/FrontEnd/src/app/views/about/index.tsx b/FrontEnd/src/app/views/about/index.tsx
index 1b77810e..d63b6996 100644
--- a/FrontEnd/src/app/views/about/index.tsx
+++ b/FrontEnd/src/app/views/about/index.tsx
@@ -74,7 +74,7 @@ const AboutPage: React.FC = () => {
 
   return (
     <div className="px-2 mb-4">
-      <div className="container mt-4 py-3 shadow border border-primary rounded bg-light">
+      <div className="container mt-4 py-3 cru-card">
         <h4 id="author-info">{t("about.author.title")}</h4>
         <div>
           <div className="d-flex">
@@ -109,7 +109,7 @@ const AboutPage: React.FC = () => {
           </p>
         </div>
       </div>
-      <div className="container mt-4 py-3 shadow border border-primary rounded bg-light">
+      <div className="container mt-4 py-3 cru-card">
         <h4>{t("about.site.title")}</h4>
         <p>
           <Trans i18nKey="about.site.content">
@@ -127,7 +127,7 @@ const AboutPage: React.FC = () => {
           </a>
         </p>
       </div>
-      <div className="container mt-4 py-3 shadow border border-primary rounded bg-light">
+      <div className="container mt-4 py-3 cru-card">
         <h4>{t("about.credits.title")}</h4>
         <p>{t("about.credits.content")}</p>
         <p>{t("about.credits.frontend")}</p>
-- 
cgit v1.2.3