jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixe image display

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-19 19:00:02 -04:00
parent d03a9d24e1
commit 7ccb40bfba
1 changed files with 1 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/contents/contentcards/NContentCard.vue
View File

@@ -54,7 +54,7 @@
<v-carousel-item <v-carousel-item
v-for="url in props.content.urls" v-for="url in props.content.urls"
:key="url" :key="url"
class="image-container" class="max-w-[800px]"
@click="redirectToContent" @click="redirectToContent"
> >
<component :is="getComponent(url)" :src="url"></component> <component :is="getComponent(url)" :src="url"></component>
@@ -229,19 +229,7 @@ function redirectToContent() {
</script> </script>
<style> <style>
.image-container {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
cursor: pointer;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.custom-border { .custom-border {
border-color: #EAEBEC; border-color: #EAEBEC;