feat: Refactor Header and Image components

- Updated Header.vue to use generic alt text for the logo - Modified LinkIcon in Image.vue to include a width prop
nexmoe · May 6, 2024 · 05ffedc · 05ffedc
1 parent 8330f16
commit 05ffedc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/module/Image.vue b/components/module/Image.vue
@@ -22,7 +22,10 @@ const cover = props.module.s3Key ? `https://space.r2.102415.xyz/${props.module.s
 		<div class="space-y-4">
 			<div class="flex flex-row items-center pt-1 gap-2 px-2.5">
 				<div class="w-5 h-5 block overflow-hidden">
-					<LinkIcon :url="props.module.url" />
+					<LinkIcon
+						:width="20"
+						:url="props.module.url"
+					/>
 				</div>
 				<div>
 					{{ formatDateTime(module.date) }}

diff --git a/components/public/Header.vue b/components/public/Header.vue
@@ -12,7 +12,7 @@ const config = await useGetConfig()
 	<div class="container header justify-between flex pt-6">
 		<div class="flex-1 flex items-center">
 			<NuxtLink :title="config.siteName" :to="'/'" class="flex items-center gap-2">
-				<NuxtImg :alt="config.siteName" width="40" height="40" class="w-10 rounded-full" :src="config.avatar" />
+				<NuxtImg alt="Logo" width="40" height="40" class="w-10 rounded-full" :src="config.avatar" />
 				<div class="uppercase">{{ config.siteName }}</div>
 			</NuxtLink>
 		</div>