From d18673acc883f72fdbf914c2bbfbc0b11c86c99d Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Thu, 22 Feb 2024 10:38:07 +0800
Subject: [PATCH] fix: file grid card line-height done.

---
 src/components/Compare/SidebarStates.vue |  4 ++--
 src/views/Files/index.vue                | 20 ++++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Compare/SidebarStates.vue b/src/components/Compare/SidebarStates.vue
index fe1af5a..2b61574 100644
--- a/src/components/Compare/SidebarStates.vue
+++ b/src/components/Compare/SidebarStates.vue
@@ -12,7 +12,7 @@
       <section class="w-[204px] box-border pr-4">
         <div class="mb-4">
           <p class="h2">File Name</p>
-          <p class="text-sm whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="primaryStatData.name">{{ primaryStatData.name }}</p>
+          <p class="text-sm leading-normal whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="primaryStatData.name">{{ primaryStatData.name }}</p>
         </div>
         <!-- Stats -->
         <ul class="pb-4 border-b border-neutral-300">
@@ -81,7 +81,7 @@
       <section class="w-[204px] box-border pl-4">
         <div class="mb-4">
           <p class="h2">File Name</p>
-          <p class="text-sm whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="secondaryStatData.name">{{ secondaryStatData.name }}</p>
+          <p class="text-sm leading-norma whitespace-nowrap break-keep overflow-hidden text-ellipsis" :title="secondaryStatData.name">{{ secondaryStatData.name }}</p>
         </div>
         <!-- Stats -->
         <ul class="pb-4 border-b border-neutral-300">
diff --git a/src/views/Files/index.vue b/src/views/Files/index.vue
index 5227737..ae730c4 100644
--- a/src/views/Files/index.vue
+++ b/src/views/Files/index.vue
@@ -22,10 +22,10 @@
                     <span class="material-symbols-outlined mb-2 !text-[32px] block">
                       {{element.icon}}
                     </span>
-                    <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+                    <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis  leading-tight">
                       {{element.name}}
                     </h3>
-                    <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+                    <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden  leading-tight">
                       {{element.parentLog}}
                     </p>
                   </div>
@@ -54,10 +54,10 @@
                     <span class="material-symbols-outlined mb-2 !text-[32px] block">
                       {{element.icon}}
                     </span>
-                    <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+                    <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
                       {{element.name}}
                     </h3>
-                    <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+                    <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
                       {{element.parentLog}}
                     </p>
                   </div>
@@ -85,10 +85,10 @@
               <span class="material-symbols-outlined mb-2 !text-[32px] block">
                 {{ file.icon }}
               </span>
-              <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+              <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
                 {{ file.name }}
               </h3>
-              <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+              <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
                 {{ file.parentLog }}
               </p>
             </div>
@@ -123,10 +123,10 @@
                 <span class="material-symbols-outlined mb-2 !text-[32px] block">
                   {{ element.icon }}
                 </span>
-                <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+                <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
                   {{ element.name }}
                 </h3>
-                <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+                <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
                   {{ element.parentLog }}
                 </p>
               </div>
@@ -184,10 +184,10 @@
               <span class="material-symbols-outlined mb-2 !text-[32px] block">
                 {{ file.icon }}
               </span>
-              <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis">
+              <h3 class="text-sm font-medium mb-2 whitespace-nowrap break-keep overflow-hidden text-ellipsis leading-tight">
                 {{ file.name }}
               </h3>
-              <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden">
+              <p class="text-sm text-neutral-500 whitespace-nowrap break-keep text-ellipsis overflow-hidden leading-tight">
                 {{ file.parentLog }}
               </p>
             </div>