From b2d6033da3169e7e6b80c36a798950d0703fc6de Mon Sep 17 00:00:00 2001
From: Nexmoe <16796652+nexmoe@users.noreply.github.com>
Date: Thu, 2 May 2024 11:03:09 +0800
Subject: [PATCH 1/3] feat: Adjust image width to 400px in Gallery and Image
 components

---
 components/module/Gallery.vue | 2 +-
 components/module/Image.vue   | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/module/Gallery.vue b/components/module/Gallery.vue
index 7f0d170..09942f6 100644
--- a/components/module/Gallery.vue
+++ b/components/module/Gallery.vue
@@ -41,7 +41,7 @@ const props = defineProps<Props>()
 				:alt="module.title"
 				referrerpolicy="no-referrer"
 				loading="lazy"
-				:width="`600px`"
+				:width="`400px`"
 			/>
 			<div class="absolute bottom-0 left-0 px-5 pt-5 pb-4 bg-gradient-to-t from-black/35 to-transparent w-full">
 				<h3 class="drop-shadow-md text-white font-bold text-2xl tracking-tight">
diff --git a/components/module/Image.vue b/components/module/Image.vue
index 8da98d1..7286e5f 100644
--- a/components/module/Image.vue
+++ b/components/module/Image.vue
@@ -38,8 +38,7 @@ const text = computed(() => extractTextFromHTML(props.module.content))
 					:alt="module.title"
 					referrerpolicy="no-referrer"
 					loading="lazy"
-					:width="`${module.imageWidth}px`"
-					:height="`${module.imageHeight}px`"
+					:width="`400px`"
 				/>
 			</div>
 		</div>

From 34b6f5c3aadc70160f31065b19f2a8ee715d7f96 Mon Sep 17 00:00:00 2001
From: Nexmoe <16796652+nexmoe@users.noreply.github.com>
Date: Thu, 2 May 2024 12:42:40 +0800
Subject: [PATCH 2/3] refactor: Update padding in Image.vue component

Changed padding in the container div to include padding on the top and bottom for
better spacing consistency.
---
 components/module/Image.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/module/Image.vue b/components/module/Image.vue
index 7286e5f..d20d737 100644
--- a/components/module/Image.vue
+++ b/components/module/Image.vue
@@ -42,7 +42,7 @@ const text = computed(() => extractTextFromHTML(props.module.content))
 				/>
 			</div>
 		</div>
-		<div class="space-y-4 px-3 pb-3 pt-0">
+		<div class="space-y-4 px-3 py-3">
 			<h3
 				v-if="!flow?.configNoTitle"
 				class="card-title font-bold text-2xl tracking-tight text-black"

From d3df9677f27f6565557b906a1bde9ed2cc55ea7f Mon Sep 17 00:00:00 2001
From: Nexmoe <16796652+nexmoe@users.noreply.github.com>
Date: Thu, 2 May 2024 13:22:17 +0800
Subject: [PATCH 3/3] refactor: Update image sizes and link icon source

- Decrease image width to 500px in Gallery.vue
- Update LinkIcon source to unavatar.io in LinkIcon.vue
- Remove rounded styling from link icon in Image.vue
---
 components/LinkIcon.vue       | 4 ++--
 components/module/Gallery.vue | 4 ++--
 components/module/Image.vue   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/LinkIcon.vue b/components/LinkIcon.vue
index 5cfce7e..21233ee 100644
--- a/components/LinkIcon.vue
+++ b/components/LinkIcon.vue
@@ -7,14 +7,14 @@ const props = defineProps<Props>()
 
 function getOrigin(url: string) {
 	const urlx = new URL(url)
-	return urlx.origin.toString()
+	return urlx.host.toString()
 }
 </script>
 
 <template>
 	<NuxtImg
 		class="rounded-md outline-2 hover:outline cursor-pointer"
-		:src="`https://lib.xiaoshuapp.com/icon/x?url=${getOrigin(props.url)}`"
+		:src="`https://unavatar.io/${getOrigin(props.url)}`"
 		:alt="props.url"
 		referrerpolicy="no-referrer"
 		loading="lazy"
diff --git a/components/module/Gallery.vue b/components/module/Gallery.vue
index 09942f6..2c5ff55 100644
--- a/components/module/Gallery.vue
+++ b/components/module/Gallery.vue
@@ -16,7 +16,7 @@ const props = defineProps<Props>()
 <template>
 	<div class="module shu-card p-3 flex flex-col">
 		<div class="flex flex-row items-center pt-1 pb-3 gap-2 px-2">
-			<div class="w-5 h-5 block rounded-full overflow-hidden">
+			<div class="w-5 h-5 block overflow-hidden">
 				<LinkIcon
 					:width="20"
 					:url="props.module.url"
@@ -41,7 +41,7 @@ const props = defineProps<Props>()
 				:alt="module.title"
 				referrerpolicy="no-referrer"
 				loading="lazy"
-				:width="`400px`"
+				:width="`500px`"
 			/>
 			<div class="absolute bottom-0 left-0 px-5 pt-5 pb-4 bg-gradient-to-t from-black/35 to-transparent w-full">
 				<h3 class="drop-shadow-md text-white font-bold text-2xl tracking-tight">
diff --git a/components/module/Image.vue b/components/module/Image.vue
index d20d737..1419a2a 100644
--- a/components/module/Image.vue
+++ b/components/module/Image.vue
@@ -20,7 +20,7 @@ const text = computed(() => extractTextFromHTML(props.module.content))
 	<div class="module shu-card p-3 gap-1 flex flex-col justify-between">
 		<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 rounded-full overflow-hidden">
+				<div class="w-5 h-5 block overflow-hidden">
 					<LinkIcon :url="props.module.url" />
 				</div>
 				<div>