UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-22 06:21:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update PhotoAlbumPresenter.vue, fix fullscreen mode

Browse source
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
1 changed files with 18 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
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"> <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'" class="img-fluid w-100 p-0"
style=""
: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-left-radius: 0 !important;
border-top-right-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; margin: 0;
position: absolute; position: absolute;
top:50%; top:50%;
left:50%; left:50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
background: rgba(0, 0, 0, 0.2) background: rgba(0, 0, 0, 0.2)
} }
.album-wrapper { .album-wrapper {
position: relative; position: relative;
} }
</style> </style>