💄 微调

src/components/app/t-postcard.vue

@@ -341,14 +341,18 @@ function onUserClick(): void {
   aspect-ratio: 69 / 32;
   background: var(--common-shadow-2);
   cursor: pointer;
-}
 
-.tpc-cover img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-  transition: all 0.3s linear;
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+    transition: all 0.3s linear;
+
+    &:hover {
+      transform: scale(1.2);
+    }
+  }
 }
 
 .tpc-mid {
@@ -422,12 +426,7 @@ function onUserClick(): void {
   img {
     width: 20px;
     height: 20px;
-    margin-right: 5px;
-
-    &:hover {
-      transform: scale(1.1);
-      transition: all 0.3s linear;
-    }
+    margin-right: 4px;
   }
 }
 

src/components/func/loading.vue

@@ -72,7 +72,7 @@ async function displayBox(params: LoadingParams): Promise<void> {
 
 defineExpose({ displayBox });
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .func-loading-outer-enter-active,
 .func-loading-outer-leave-active,
 .func-loading-inner-enter-active {
@@ -156,7 +156,6 @@ defineExpose({ displayBox });
   column-gap: 5px;
   font-family: var(--font-title);
   font-size: 2rem;
-  font-weight: 600;
 }
 
 .loading-subtitle {

src/views/t-post.vue

@@ -415,7 +415,7 @@ function handleUser(user: TGApp.BBS.Post.User): void {
   align-items: center;
   justify-content: center;
   color: var(--common-text-title);
-  column-gap: 4px;
+  column-gap: 2px;
   font-family: var(--font-title);
 }