From 0771924b7a5f3f314dcc26c3ffa7f66c0b52b429 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 24 Jul 2024 07:23:28 +0000
Subject: [PATCH] fix: update color

---
 packages/nc-gui/components/cell/attachment/Modal.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/cell/attachment/Modal.vue b/packages/nc-gui/components/cell/attachment/Modal.vue
index aea60ff891..e2fbf05a29 100644
--- a/packages/nc-gui/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui/components/cell/attachment/Modal.vue
@@ -170,15 +170,18 @@ const handleFileDelete = (i: number) => {
             <IcOutlineInsertDriveFile v-else :height="45" :width="45" @click.stop="openAttachment(item)" />
           </div>
 
-          <div class="relative px-1 flex" :title="item.title">
-            <NcTooltip show-on-truncate-only class="flex-auto truncate w-full text-[13px] items-center text-sm line-height-4">
+          <div class="relative px-1 items-center flex" :title="item.title">
+            <NcTooltip
+              show-on-truncate-only
+              class="flex-auto truncate w-full text-[12px] items-center text-gray-700 text-sm line-height-4"
+            >
               {{ item.title }}
 
               <template #title>
                 {{ item.title }}
               </template>
             </NcTooltip>
-            <div class="flex-none hide-ui transition-all transition-ease-in-out !h-5 gap-0.5 pb-2 flex items-center bg-white">
+            <div class="flex-none hide-ui transition-all transition-ease-in-out !h-5 gap-0.5 flex items-center bg-white">
               <NcTooltip placement="bottom">
                 <template #title> {{ $t('title.downloadFile') }} </template>
                 <NcButton
@@ -248,7 +251,7 @@ const handleFileDelete = (i: number) => {
 
 <style lang="scss">
 .hide-ui {
-  @apply h-0 w-0 overflow-hidden whitespace-nowrap;
+  @apply h-0 w-0 overflow-x-hidden whitespace-nowrap;
   .group:hover & {
     @apply h-auto w-auto overflow-visible whitespace-normal;
   }