yetangitu/pixelfed
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Update components

Browse source
This commit is contained in:
Daniel Supernault 2021-03-31 22:24:59 -06:00
parent 552e950d7a
commit 4ad573c8de
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
2 changed files with 107 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/assets/js/components/presenter/PhotoPresenter.vue
View file

@ -22,7 +22,7 @@
:alt="altText(status)"/>
</div>
<div v-else>
<div :title="status.media_attachments[0].description">
<div :title="status.media_attachments[0].description" style="position: relative;">
<img class="card-img-top"
:src="status.media_attachments[0].url"
loading="lazy"
@ -30,6 +30,21 @@
:width="width()"
:height="height()"
onerror="this.onerror=null;this.src='/storage/no-preview.png'">
<p
v-if="status.media_attachments[0].license"
style="
margin-bottom: 0;
padding: 0 5px;
color: #fff;
font-size: 10px;
text-align: right;
position: absolute;
bottom: 0;
right: 0;
border-top-left-radius: 5px;
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
"><a :href="status.url" class="font-weight-bold text-light">Photo</a> by <a :href="status.account.url" class="font-weight-bold text-light">&commat;{{status.account.username}}</a> licensed under <a :href="status.media_attachments[0].license.url" class="font-weight-bold text-light">{{status.media_attachments[0].license.title}}</a></p>
</div>
</div>
</template>