fix: minor ux

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>

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(`    [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>