fix: ui bugs

Chilfish · Mar 8, 2024 · ccd3a15 · ccd3a15
1 parent be98c76
commit ccd3a15
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 0 deletions.
diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue
@@ -21,6 +21,18 @@ useSeoMeta({
   twitterCreator: 'chilllish',
 })
 
+useHead({
+  htmlAttrs: {
+    lang: 'zh-CN',
+  },
+  meta: [
+    {
+      name: 'viewport',
+      content: 'width=device-width, initial-scale=1.0',
+    },
+  ],
+})
+
 const loaded = ref(false)
 onNuxtReady(() => {
   const publicStore = usePublicStore()

diff --git a/packages/ui/src/UserProfile.vue b/packages/ui/src/UserProfile.vue
@@ -28,6 +28,10 @@ const avatar = computed(() => {
         fallback-src="/placeholder.webp"
         :size="56"
         :src="avatar"
+        :img-props="{
+          alt: `${user.name} avatar`,
+          title: `${user.name} avatar`,
+        }"
         class="ring-2 ring-white"
       />
       <div>

diff --git a/packages/ui/src/post/Item.vue b/packages/ui/src/post/Item.vue
@@ -74,4 +74,8 @@ article.post {
 .post:hover .copy-id {
  opacity: 1 !important;
 }
+
+.post .n-collapse-item__content-inner {
+  padding: 0 !important;
+}
 </style>
diff --git a/packages/ui/src/post/Profile.vue b/packages/ui/src/post/Profile.vue
@@ -26,6 +26,10 @@ const avatar = computed(() => {
       fallback-src="/placeholder.webp"
       :size="30"
       :src="avatar"
+      :img-props="{
+        alt: `${user.screen_name} avatar`,
+        title: `${user.screen_name} avatar`,
+      }"
     />
 
     <span

diff --git a/packages/ui/src/settings/about.vue b/packages/ui/src/settings/about.vue
@@ -7,6 +7,7 @@ const version = import.meta.env.VITE_APP_VERSION
     <n-image
       :width="82"
       :height="82"
+      class="w-24"
       preview-disabled
       alt="logo"
       src="/icon.png"