From 26dc3b47dd16736e893fa416e8ebb529a59728d2 Mon Sep 17 00:00:00 2001
From: Chilfish <chill4fish@gmail.com>
Date: Tue, 6 Aug 2024 04:48:52 +0800
Subject: [PATCH] fix(web): styles and infos

---
 apps/web/src/pages/post.vue        |  2 +-
 packages/ui/src/Gallery.vue        |  9 +++++++++
 packages/ui/src/MainImage.vue      |  5 -----
 packages/ui/src/settings/about.vue | 26 +++++++++++++++++---------
 4 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/apps/web/src/pages/post.vue b/apps/web/src/pages/post.vue
index 9783c88..e62ce2c 100644
--- a/apps/web/src/pages/post.vue
+++ b/apps/web/src/pages/post.vue
@@ -18,7 +18,7 @@ const hasPosts = ref(false)
     <n-image
       class="mx-auto sm:w-1/2"
       preview-disabled
-      src="https://p.chilfish.top/weibo/feature.webp"
+      src="https://p.chilfish.top/weibo/cover.webp"
       alt="features"
       :img-props="{
         class: 'rounded-2! shadow-lg',
diff --git a/packages/ui/src/Gallery.vue b/packages/ui/src/Gallery.vue
index 600a68c..84c27b8 100644
--- a/packages/ui/src/Gallery.vue
+++ b/packages/ui/src/Gallery.vue
@@ -61,3 +61,12 @@ const imgWidth = computed(() => {
     </n-image-group>
   </div>
 </template>
+
+<style scoped>
+.n-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+</style>
diff --git a/packages/ui/src/MainImage.vue b/packages/ui/src/MainImage.vue
index 3d6ef37..e0db2a0 100644
--- a/packages/ui/src/MainImage.vue
+++ b/packages/ui/src/MainImage.vue
@@ -71,11 +71,6 @@ onUnmounted(() => {
 $width: 7rem;
 
 .n-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-
   img {
     min-width: $width !important;
     border-radius: 4px;
diff --git a/packages/ui/src/settings/about.vue b/packages/ui/src/settings/about.vue
index 37da6f2..316e3cd 100644
--- a/packages/ui/src/settings/about.vue
+++ b/packages/ui/src/settings/about.vue
@@ -51,16 +51,21 @@ const {
       </a>
     </div>
 
-    <h2 class="text-6 font-bold">
+    <h2 class="text-7 font-bold">
       Weibo Archiver v{{ version }}
 
-      <a
-        :href="commitUrl"
-        target="_blank"
-        :title="`查看提交，最后一次构建于${formatDate(commitDate, 'YYYY/MM/DD-HH:ss')}`"
-      >
-        @{{ commitHash }}
-      </a>
+      <n-tooltip trigger="hover">
+        <template #trigger>
+          <a
+            :href="commitUrl"
+            target="_blank"
+            class="text-5"
+          >
+            @{{ commitHash }}
+          </a>
+        </template>
+        最新一次构建于 {{ formatDate(commitDate) }}
+      </n-tooltip>
     </h2>
 
     <h3 class="text-5">
@@ -80,7 +85,10 @@ const {
 
       <span>
         ，或者在
-        <RouterLink to="/example">
+        <RouterLink
+          class="font-bold underline"
+          to="/example"
+        >
           这里
         </RouterLink>
         查看示例数据