From 1808658e4c0c24247e63d0a45b18085d0c8770b3 Mon Sep 17 00:00:00 2001
From: boojack <imrealleonardo@gmail.com>
Date: Sat, 2 Jul 2022 09:45:11 +0800
Subject: [PATCH] chore: update about site dialog

---
 web/src/components/AboutSiteDialog.tsx | 18 ++++++++++++------
 web/src/less/about-site-dialog.less    |  6 +-----
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/web/src/components/AboutSiteDialog.tsx b/web/src/components/AboutSiteDialog.tsx
index b36478d9a..de0f0d077 100644
--- a/web/src/components/AboutSiteDialog.tsx
+++ b/web/src/components/AboutSiteDialog.tsx
@@ -45,13 +45,19 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
         </p>
         <br />
         <p>
-          <a href="https://github.com/usememos/memos">🏗 Source code</a>, and built by <a href="https://github.com/boojack">Steven 🐯</a>.
+          <a className="mr-2" href="https://github.com/usememos/memos">
+            🏗 Source code
+          </a>
+          <Only when={profile !== undefined}>
+            <>
+              version:
+              <span className="pre-text">
+                {profile?.version}-{profile?.mode}
+              </span>
+              🎉
+            </>
+          </Only>
         </p>
-        <Only when={profile !== undefined}>
-          <p className="updated-time-text">
-            version: <span className="pre-text">{profile?.version}</span> 🎉
-          </p>
-        </Only>
       </div>
     </>
   );
diff --git a/web/src/less/about-site-dialog.less b/web/src/less/about-site-dialog.less
index ea530f8cd..96f3326cd 100644
--- a/web/src/less/about-site-dialog.less
+++ b/web/src/less/about-site-dialog.less
@@ -11,14 +11,10 @@
 
       > p {
         @apply my-1;
-
-        &.updated-time-text {
-          @apply flex flex-row justify-start items-center w-full text-sm mt-3 pt-2 border-t-2 border-t-gray-200 text-gray-600 whitespace-pre-wrap font-mono;
-        }
       }
 
       .pre-text {
-        @apply font-mono;
+        @apply font-mono mx-1;
       }
 
       a {