Styles for the other articles.

This commit is contained in:
yuanhau 2025-06-04 10:19:20 +08:00
parent 7ad8caeed8
commit 0298a5ae90

View file

@ -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>