Browse Source

fix (nc-gui): icon size and color in grid view attachment cell

pull/9964/head
Yoones Khoshghadam 1 week ago
parent
commit
27516e4368
  1. 18
      packages/nc-gui/components/cell/attachment/Modal.vue
  2. 4
      packages/nc-gui/components/cell/attachment/index.vue
  3. 7
      packages/nc-gui/components/smartsheet/expanded-form/Sidebar/Audits.vue
  4. 1
      packages/nc-gui/components/workspace/integrations/ConnectionsTab.vue

18
packages/nc-gui/components/cell/attachment/Modal.vue

@ -158,9 +158,23 @@ const handleFileDelete = (i: number) => {
@click.stop="onClick(item)"
/>
<component :is="FileIcon(item.icon)" v-else-if="item.icon" :height="45" :width="45" @click.stop="onClick(item)" />
<component
:is="FileIcon(item.icon)"
v-else-if="item.icon"
:height="45"
:width="45"
class="text-white"
@click.stop="onClick(item)"
/>
<IcOutlineInsertDriveFile v-else :height="45" :width="45" @click.stop="onClick(item)" />
<GeneralIcon
v-else
icon="ncFileTypeUnknown"
:height="45"
:width="45"
class="text-white"
@click.stop="onClick(item)"
/>
</div>
<div class="relative px-1 pb-1 items-center flex" :title="item.title">

4
packages/nc-gui/components/cell/attachment/index.vue

@ -433,9 +433,9 @@ defineExpose({
}"
@click="onFileClick(item)"
>
<component :is="FileIcon(item.icon)" v-if="item.icon" />
<component :is="FileIcon(item.icon)" v-if="item.icon" class="text-white max-h-full max-w-full" />
<GeneralIcon v-else icon="ncFileTypeUnknown" class="text-white" />
<GeneralIcon v-else icon="ncFileTypeUnknown" class="text-white max-h-full max-w-full" />
</div>
</NcTooltip>
</template>

7
packages/nc-gui/components/smartsheet/expanded-form/Sidebar/Audits.vue

@ -83,7 +83,12 @@ watch(
<div class="group gap-3 overflow-hidden px-3 py-2 hover:bg-gray-100">
<div class="flex items-start justify-between">
<div class="flex items-start gap-3 flex-1 w-full">
<GeneralUserIcon :email="audit?.created_by_email" :name="audit?.created_display_name" class="mt-0.5" size="medium" />
<GeneralUserIcon
:email="audit?.created_by_email"
:name="audit?.created_display_name"
class="mt-0.5"
size="medium"
/>
<div class="flex h-[28px] items-center gap-3 w-[calc(100%_-_40px)]">
<NcDropdown placement="topLeft" :trigger="['hover']" class="flex-none max-w-[calc(100%_-_72px)]">
<div class="truncate text-gray-800 font-medium !text-small !leading-[18px] overflow-hidden">

1
packages/nc-gui/components/workspace/integrations/ConnectionsTab.vue

@ -464,7 +464,6 @@ onKeyStroke('ArrowDown', onDown)
<GeneralUserIcon
:email="collaboratorsMap.get(integration.created_by)?.email"
:name="collaboratorsMap.get(integration.created_by)?.display_name"
size="base"
class="flex-none"
:class="{

Loading…
Cancel
Save