Browse Source

chore(gui-v2): update attachment carousel styles

pull/2972/head
braks 2 years ago
parent
commit
14e0993544
  1. 11
      packages/nc-gui-v2/components/cell/attachment/Carousel.vue

11
packages/nc-gui-v2/components/cell/attachment/Carousel.vue

@ -57,13 +57,13 @@ function onSlideChange(index: number) {
> >
<template #prevArrow> <template #prevArrow>
<div class="custom-slick-arrow left-2 z-1"> <div class="custom-slick-arrow left-2 z-1">
<MaterialSymbolsArrowCircleLeftRounded /> <MaterialSymbolsArrowCircleLeftRounded class="bg-white rounded-full" />
</div> </div>
</template> </template>
<template #nextArrow> <template #nextArrow>
<div class="custom-slick-arrow !right-2 z-1"> <div class="custom-slick-arrow !right-2 z-1">
<MaterialSymbolsArrowCircleRightRounded /> <MaterialSymbolsArrowCircleRightRounded class="bg-white rounded-full" />
</div> </div>
</template> </template>
@ -77,8 +77,11 @@ function onSlideChange(index: number) {
</a> </a>
</template> </template>
<div v-for="(item, i) of imageItems" :key="item.url"> <div v-for="item of imageItems" :key="item.url">
<img class="!block w-full max-w-75vw max-h-75vh" :alt="item.title || `#${i}`" :src="item.url || item.data" /> <div
:style="{ backgroundImage: `url('${item.url}')` }"
class="min-w-70vw min-h-70vh w-full h-full bg-contain bg-center bg-no-repeat"
/>
</div> </div>
</a-carousel> </a-carousel>
</div> </div>

Loading…
Cancel
Save