From 03acbd6530575e8a3e1942a1b3f25e367b4ae380 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 2 Oct 2024 05:54:23 +0000
Subject: [PATCH] fix: minor ux

---
 packages/nc-gui/components/feed/Changelog/Item.vue |  7 ++++++-
 packages/nc-gui/components/feed/Recents/Card.vue   | 13 ++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/feed/Changelog/Item.vue b/packages/nc-gui/components/feed/Changelog/Item.vue
index 0990823594..511b700622 100644
--- a/packages/nc-gui/components/feed/Changelog/Item.vue
+++ b/packages/nc-gui/components/feed/Changelog/Item.vue
@@ -97,7 +97,12 @@ const renderedText = computedAsync(async () => {
             </div>
           </div>
           <div class="flex flex-col gap-2">
-            <NcBadge :border="false" color="brand" class="font-semibold nc-title-badge">
+            <NcBadge
+              :border="false"
+              color="brand"
+              class="font-semibold nc-title-badge cursor-pointer"
+              @click="openLink(item.Url)"
+            >
               {{ Title }}
             </NcBadge>
             <div class="prose max-w-none" v-html="renderedText"></div>
diff --git a/packages/nc-gui/components/feed/Recents/Card.vue b/packages/nc-gui/components/feed/Recents/Card.vue
index 7e2e2cb59f..2a4ee63077 100644
--- a/packages/nc-gui/components/feed/Recents/Card.vue
+++ b/packages/nc-gui/components/feed/Recents/Card.vue
@@ -33,7 +33,8 @@ const renderedText = computedAsync(async () => {
     .process(
       Description.replace(/!\[.*?\]\(.*?\)/g, '')
         .substring(0, 300)
-        .concat('...'),
+        .concat('...')
+        .concat(`&nbsp;   [Read more](${Url})`),
     )
 })
 </script>
@@ -43,7 +44,7 @@ const renderedText = computedAsync(async () => {
     <div class="flex items-center justify-between px-5 py-4">
       <div class="flex items-center gap-3">
         <component :is="feedIcon[source as any]" class="w-4 h-4 stroke-transparent" />
-        <span class="font-weight-medium leading-5">
+        <span class="font-weight-medium leading-5 cursor-pointer" @click="openLink(Url)">
           {{ source }}
         </span>
       </div>
@@ -74,4 +75,10 @@ const renderedText = computedAsync(async () => {
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.prose {
+  a {
+    @apply !text-gray-900;
+  }
+}
+</style>