From d83388d6f7214b120e56b3c424c745fe0626854b Mon Sep 17 00:00:00 2001
From: RitvikSardana <ritvik.sardana11@gmail.com>
Date: Wed, 15 Jan 2025 17:39:13 +0530
Subject: [PATCH] fix(styles): category & article card view

---
 desk/src/components/ListRows.vue                        | 6 +-----
 desk/src/components/knowledge-base/ArticleCard2.vue     | 6 +++---
 desk/src/components/knowledge-base/CategoryFolder.vue   | 2 +-
 desk/src/pages/knowledge-base/Articles.vue              | 4 ++--
 desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue | 2 +-
 desk/src/types.ts                                       | 5 +++--
 6 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/desk/src/components/ListRows.vue b/desk/src/components/ListRows.vue
index 9adce8e82..a3d47b03f 100644
--- a/desk/src/components/ListRows.vue
+++ b/desk/src/components/ListRows.vue
@@ -113,8 +113,4 @@ let showGroupedRows = computed(() => {
 });
 </script>
 
-<style>
-.row > button > span > div > :nth-child(-n + 2) > * {
-  margin-left: 20px;
-}
-</style>
+<style></style>
diff --git a/desk/src/components/knowledge-base/ArticleCard2.vue b/desk/src/components/knowledge-base/ArticleCard2.vue
index 9689b21af..87b031cde 100644
--- a/desk/src/components/knowledge-base/ArticleCard2.vue
+++ b/desk/src/components/knowledge-base/ArticleCard2.vue
@@ -1,6 +1,6 @@
 <template>
   <router-link
-    class="flex flex-col gap-3 border border-gray-200 rounded p-4 pb-2 cursor-pointer h-56 hover:bg-surface-gray-2 transition-all"
+    class="flex flex-col gap-3 border border-gray-200 rounded p-4 pb-2 cursor-pointer h-30 hover:bg-surface-gray-2 transition-all"
     :to="{
       name: 'ArticlePublic',
       params: {
@@ -11,10 +11,10 @@
     <!-- Title and sub content -->
     <div class="flex gap-3 flex-1">
       <div class="flex flex-col gap-1.5 w-full">
-        <h5 class="text-lg font-semibold text-gray-800 truncate text-wrap">
+        <h5 class="text-base font-medium text-gray-800 truncate">
           {{ article.title }}
         </h5>
-        <div class="text-sm text-gray-600">
+        <div class="text-p-sm text-gray-600 line-clamp-2">
           {{ article.content }}
         </div>
       </div>
diff --git a/desk/src/components/knowledge-base/CategoryFolder.vue b/desk/src/components/knowledge-base/CategoryFolder.vue
index 53aef3c41..d2324de9a 100644
--- a/desk/src/components/knowledge-base/CategoryFolder.vue
+++ b/desk/src/components/knowledge-base/CategoryFolder.vue
@@ -12,7 +12,7 @@
       <div>
         <FeatherIcon
           name="folder"
-          class="fill-ink-blue-link h-8 w-8 text-blue-400 -ml-[2px]"
+          class="fill-ink-gray-2 h-8 w-8 text-gray-300 -ml-[2px]"
         />
       </div>
       <div class="gap-1 flex flex-col">
diff --git a/desk/src/pages/knowledge-base/Articles.vue b/desk/src/pages/knowledge-base/Articles.vue
index 53bb7f2b2..ff028f6e9 100644
--- a/desk/src/pages/knowledge-base/Articles.vue
+++ b/desk/src/pages/knowledge-base/Articles.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-5 pb-10 md:pb-0 px-10 w-full overflow-scroll items-center">
+  <div class="p-5 pb-10 px-10 w-full overflow-scroll items-center">
     <LayoutHeader>
       <template #left-header>
         <Breadcrumbs :items="breadcrumbs" />
@@ -8,7 +8,7 @@
     <div
       class="pt-4 sm:px-5 w-full flex flex-col gap-2 max-w-4xl 2xl:max-w-5xl"
     >
-      <div v-if="articles.data" class="grid grid-cols-1 md:grid-cols-3 gap-6">
+      <div v-if="articles.data" class="grid grid-cols-1 md:grid-cols-2 gap-6">
         <ArticleCard2
           v-for="article in articles.data"
           :article="article"
diff --git a/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue b/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue
index 9a7303a89..14be2c2ca 100644
--- a/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue
+++ b/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-5 pb-10 md:pb-0 px-10 w-full overflow-scroll items-center">
+  <div class="p-5 pb-10 px-10 w-full overflow-scroll items-center">
     <LayoutHeader>
       <template #left-header>
         <div class="text-lg font-medium text-gray-900">Knowledge base</div>
diff --git a/desk/src/types.ts b/desk/src/types.ts
index b6b288095..bab574713 100644
--- a/desk/src/types.ts
+++ b/desk/src/types.ts
@@ -227,8 +227,11 @@ export interface Article {
   creation: string;
   content: string;
   modified: string;
+  feedback: FeedbackAction;
 }
 
+export type FeedbackAction = 0 | 1 | 2; // 0: neutral, 1: like, 2: dislike
+
 export interface SubCategory {
   name: string;
   category_name: string;
@@ -258,8 +261,6 @@ export interface BadgeStatus {
   theme: string;
 }
 
-export type FeedbackAction = 0 | 1 | 2; // 0: neutral, 1: like, 2: dislike
-
 export interface View {
   view_type: string;
   group_by_field: string;