|
@@ -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">
|
|
<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
|
|
<img
|
|
- :class="img.filter_class + ' img-fluid w-100 p-0'"
|
|
|
|
- style=""
|
|
|
|
|
|
+ class="img-fluid w-100 p-0"
|
|
:src="img.url"
|
|
:src="img.url"
|
|
:alt="altText(img)"
|
|
:alt="altText(img)"
|
|
loading="lazy"
|
|
loading="lazy"
|
|
@@ -162,28 +161,28 @@
|
|
|
|
|
|
<style type="text/css" scoped>
|
|
<style type="text/css" scoped>
|
|
.card-img-top {
|
|
.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 {
|
|
.content-label-wrapper {
|
|
- position: relative;
|
|
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
.content-label {
|
|
.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 {
|
|
.album-wrapper {
|
|
- position: relative;
|
|
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|