mirror
/
pixelfed
kopia lustrzana https://github.com/pixelfed/pixelfed
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

Merge a34073ae0a into 26f92c93ce

Margarita Bliznikova 2024-04-16 22:20:11 -04:00 zatwierdzone przez GitHub
rodzic 26f92c93ce a34073ae0a
commit b38a22d756
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: B5690EEEBB952194
2 zmienionych plików z 28 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
resources/assets/js/components/presenter/MixedAlbumPresenter.vue
Wyświetl plik

@ -50,7 +50,7 @@
</b-carousel-slide>
</b-carousel> -->
<carousel ref="carousel" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0">
<carousel ref="carousel" :navigationEnabled="true" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0">
<slide v-for="(media, index) in status.media_attachments" :key="'px-carousel-'+media.id + '-' + index" class="w-100 h-100 d-block mx-auto text-center" style="background: #000; display: flex;align-items: center;">
<video v-if="media.type == 'video'" class="embed-responsive-item" preload="none" controls loop :title="media.description" width="100%" height="100%">

28
resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
Wyświetl plik

@ -22,7 +22,7 @@
:alt="altText(status)"/>
</div>
<div v-else class="w-100 h-100 p-0 album-wrapper">
<carousel ref="carousel" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0" :id="'carousel-' + status.id">
<carousel ref="carousel" :navigationEnabled="true" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0" :id="'carousel-' + status.id">
<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
@ -186,3 +186,29 @@
position: relative;
}
</style>
<style>
.VueCarousel-navigation-button {
top: 0 !important;
width: 25%;
height: 100%;
color: white !important;
opacity: 0.0 !important;
transform: none !important;
}
.VueCarousel-navigation-button:hover:not(.VueCarousel-navigation--disabled) {
opacity: 0.5 !important;
}
.VueCarousel-navigation-button {
&.VueCarousel-navigation-prev {
left: 0;
text-align: left;
}
&.VueCarousel-navigation-next {
right: 0;
text-align: right;
}
}
</style>