fix(web): styles and infos

Chilfish · Aug 5, 2024 · 26dc3b4 · 26dc3b4
1 parent 394491d
commit 26dc3b4
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
         查看示例数据