From 0298a5ae909ab7615db6a32d3f02adbc858ff327 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Wed, 4 Jun 2025 10:19:20 +0800
Subject: [PATCH] Styles for the other articles.

---
 components/app/windows/aboutNewsOrg.vue | 39 +++++++++----------------
 1 file changed, 14 insertions(+), 25 deletions(-)

diff --git a/components/app/windows/aboutNewsOrg.vue b/components/app/windows/aboutNewsOrg.vue
index 30f0cb7..b3f3a65 100644
--- a/components/app/windows/aboutNewsOrg.vue
+++ b/components/app/windows/aboutNewsOrg.vue
@@ -89,34 +89,23 @@ watch(
           </div>
         </div>
         </div>-->
-      <div class="flex flex-col gap-3 text-left">
-        <h1 class="text-4xl font-bold m-3 text-left" ref="orgNameAnimation">
-          {{ fetchNewsOrgInfo?.title }}
-        </h1>
-        <span class="text-ms m-1 mt-5 text-left text-wrap">{{
-          fetchNewsOrgInfo?.description
-        }}</span>
-        <div
-          class="gap-[3px] flex flex-row text-center align-center justify-center"
-        >
-          <a
-            :href="fetchNewsOrgInfo?.website"
-            target="_blank"
-            v-if="fetchNewsOrgInfo?.website"
-            class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
-            ><GlobeAltIcon class="w-6 h-6" />網站</a
-          >
-          <a
-            :href="fetchNewsOrgInfo?.facebook"
-            target="_blank"
-            v-if="fetchNewsOrgInfo?.facebook"
-            class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
-            ><Facebook class="w-6 h-6" />Facebook
-          </a>
+      <div
+        class="flex flex-row bg-gray-400/70 rounded-3xl p-3 gap-3 m-3 scale-5"
+      >
+        <div class="flex flex-col gap-3 text-left">
+          <h1 class="text-4xl font-bold m-2 text-center" ref="orgNameAnimation">
+            {{ fetchNewsOrgInfo?.title }}
+          </h1>
+          <span class="text-ms m-1 mt-5 text-left text-wrap">{{
+            fetchNewsOrgInfo?.description
+          }}</span>
         </div>
       </div>
       <div>
-        <div v-for="item in fetchNewsOrgInfo?.articles">
+        <div
+          v-for="item in fetchNewsOrgInfo?.articles"
+          class="p-1 bg-gray-300/70 rounded m-1"
+        >
           {{ item.title }}
         </div>
       </div>