{BUGFIX} For modal

This commit is contained in:
Damien Broqua 2024-01-11 08:11:32 +01:00
parent 960f53ab54
commit c79f1c5a74
2 changed files with 8 additions and 4 deletions

View File

@ -69,9 +69,8 @@
position: relative; position: relative;
width: 300px; width: 300px;
margin: 0 auto; margin: 0 auto;
// display: flex; display: flex;
// flex-direction: column; flex-direction: column;
text-align: center;
max-height: calc(100vh - 40px); max-height: calc(100vh - 40px);
overflow: hidden; overflow: hidden;
@ -85,6 +84,11 @@
width: 1200; width: 1200;
} }
&.for-image {
display: initial;
text-align: center;
}
header, header,
footer { footer {
align-items: center; align-items: center;

View File

@ -32,7 +32,7 @@
<button type="button" aria-label="Image suivante" class="navigation next" @click="next" v-if="index + 1 < item.images.length"> <button type="button" aria-label="Image suivante" class="navigation next" @click="next" v-if="index + 1 < item.images.length">
<i class="icon-right-open"></i> <i class="icon-right-open"></i>
</button> </button>
<div class="modal-card"> <div class="modal-card for-image">
<img :src="preview" /> <img :src="preview" />
</div> </div>
</div> </div>