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

Update Hashtag component

Browse source
This commit is contained in:
Daniel Supernault 2021-07-25 05:32:42 -06:00
parent c4146a3040
commit 85d5639a52
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/assets/js/components/Hashtag.vue
View file

@ -33,7 +33,7 @@
<div v-if="tags.length" class="tag-timeline"> <div v-if="tags.length" class="tag-timeline">
<p v-if="top.length" class="font-weight-bold text-muted mb-0">Top Posts</p> <p v-if="top.length" class="font-weight-bold text-muted mb-0">Top Posts</p>
<div class="row pb-5"> <div class="row pb-5">
<div v-for="(tag, index) in top" class="col-4 p-0 p-sm-2 p-md-3 hashtag-post-square"> <div v-for="(tag, index) in top" class="col-3 p-0 p-sm-2 p-md-3 hashtag-post-square">
<a class="card info-overlay card-md-border-0" :href="tag.status.url"> <a class="card info-overlay card-md-border-0" :href="tag.status.url">
<div :class="[tag.status.filter ? 'square ' + tag.status.filter : 'square']"> <div :class="[tag.status.filter ? 'square ' + tag.status.filter : 'square']">
<div v-if="tag.status.sensitive && forceNsfw == false" class="square-content"> <div v-if="tag.status.sensitive && forceNsfw == false" class="square-content">
@ -59,7 +59,7 @@
</div> </div>
<p class="font-weight-bold text-muted mb-0">Most Recent</p> <p class="font-weight-bold text-muted mb-0">Most Recent</p>
<div class="row"> <div class="row">
<div v-for="(tag, index) in tags" class="col-4 p-0 p-sm-2 p-md-3 hashtag-post-square"> <div v-for="(tag, index) in tags" class="col-3 p-1 hashtag-post-square">
<a class="card info-overlay card-md-border-0" :href="tag.status.url"> <a class="card info-overlay card-md-border-0" :href="tag.status.url">
<div :class="[tag.status.filter ? 'square ' + tag.status.filter : 'square']"> <div :class="[tag.status.filter ? 'square ' + tag.status.filter : 'square']">
<div v-if="tag.status.sensitive && forceNsfw == false" class="square-content"> <div v-if="tag.status.sensitive && forceNsfw == false" class="square-content">
@ -97,7 +97,7 @@
</div> </div>
</a> </a>
</div> </div>
<div v-if="tags.length && loaded" class="card card-body text-center shadow-none bg-transparent border-0"> <div v-if="tags.length && loaded" class="col-12 text-center mt-4">
<infinite-loading @infinite="infiniteLoader"> <infinite-loading @infinite="infiniteLoader">
<div slot="no-results" class="font-weight-bold"></div> <div slot="no-results" class="font-weight-bold"></div>
<div slot="no-more" class="font-weight-bold"></div> <div slot="no-more" class="font-weight-bold"></div>
@ -110,7 +110,7 @@
</div> </div>
</div> </div>
<div v-else class="container text-center"> <div v-else class="container text-center">
<div class="mt-5 spinner-border" role="status"> <div class="col-12 mt-5 spinner-border" role="status">
<span class="sr-only">Loading...</span> <span class="sr-only">Loading...</span>
</div> </div>
</div> </div>