Browse Source

fix: gallery card design

pull/6416/head
DarkPhoenix2704 1 year ago
parent
commit
13de6c8bf0
  1. 21
      packages/nc-gui/components/smartsheet/Gallery.vue

21
packages/nc-gui/components/smartsheet/Gallery.vue

@ -274,7 +274,7 @@ watch(
<LazyCellAttachmentImage <LazyCellAttachmentImage
v-if="isImage(attachment.title, attachment.mimetype ?? attachment.type)" v-if="isImage(attachment.title, attachment.mimetype ?? attachment.type)"
:key="`carousel-${record.row.id}-${index}`" :key="`carousel-${record.row.id}-${index}`"
class="h-52 object-contain" class="h-52 object-cover"
:srcs="getPossibleAttachmentSrc(attachment)" :srcs="getPossibleAttachmentSrc(attachment)"
/> />
</template> </template>
@ -287,13 +287,18 @@ watch(
<div v-for="col in fieldsWithoutCover" :key="`record-${record.row.id}-${col.id}`"> <div v-for="col in fieldsWithoutCover" :key="`record-${record.row.id}-${col.id}`">
<div <div
v-if="!isRowEmpty(record, col) || isLTAR(col.uidt, col.colOptions)" v-if="!isRowEmpty(record, col) || isLTAR(col.uidt, col.colOptions)"
class="flex flex-col space-y-1 px-4 mb-6 bg-gray-50 rounded-lg w-full" class="flex flex-col space-y-1 px-1 rounded-lg w-full"
> >
<div class="flex flex-row w-full justify-start border-b-1 border-gray-100 py-2.5"> <div class="flex flex-row w-full justify-start">
<div class="w-full text-gray-600"> <div class="w-full text-gray-600">
<LazySmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" /> <LazySmartsheetHeaderVirtualCell
v-if="isVirtualCol(col)"
<LazySmartsheetHeaderCell v-else :column="col" :hide-menu="true" /> :column="col"
:hide-menu="true"
:hide-icon="true"
/>
<LazySmartsheetHeaderCell v-else :column="col" :hide-menu="true" :hide-icon="true" />
</div> </div>
</div> </div>
@ -356,6 +361,10 @@ watch(
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
} }
.ant-card-body {
@apply !p-0;
}
:deep(.slick-dots li button) { :deep(.slick-dots li button) {
background-color: black; background-color: black;
} }

Loading…
Cancel
Save