Update PhotoAlbumPresenter.vue, fix fullscreen mode

This commit is contained in:
Daniel Supernault 2023-12-08 05:01:04 -07:00
parent 0a0681199f
commit 822e9888bb
No known key found for this signature in database
GPG key ID: 23740873EE6F76A1

View file

@ -26,8 +26,7 @@
<slide v-for="(img, index) in status.media_attachments" :key="'px-carousel-'+img.id + '-' + index" class="" style="background: #000; display: flex;align-items: center;" :title="img.description">
<img
:class="img.filter_class + ' img-fluid w-100 p-0'"
style=""
class="img-fluid w-100 p-0"
:src="img.url"
:alt="altText(img)"
loading="lazy"
@ -162,28 +161,28 @@
<style type="text/css" scoped>
.card-img-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.content-label-wrapper {
position: relative;
position: relative;
}
.content-label {
margin: 0;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0, 0, 0, 0.2)
margin: 0;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0, 0, 0, 0.2)
}
.album-wrapper {
position: relative;
position: relative;
}
</style>