mirror/pixelfed
1
0
Fork 1
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-23 08:14:10 +00:00
Code Issues Releases Wiki Activity

Update DiscoverComponent

Browse source
This commit is contained in:
Daniel Supernault 2019-06-04 21:45:53 -06:00
parent 37d9951a41
commit 1814096f75
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
resources/assets/js/components/DiscoverComponent.vue
View file

@ -22,8 +22,12 @@
<div class="row d-none"> <div class="row d-none">
<div class="col-4 p-0 p-sm-2 p-md-3" v-for="post in posts"> <div class="col-4 p-0 p-sm-2 p-md-3" v-for="post in posts">
<a class="card info-overlay card-md-border-0" :href="post.url"> <a class="card info-overlay card-md-border-0" :href="post.url">
<div class="square filter_class"> <div class="square">
<div class="square-content" v-bind:style="{ 'background-image': 'url(' + post.thumb + ')' }"></div> <span v-if="post.type == 'photo:album'" class="float-right mr-3 post-icon"><i class="fas fa-images fa-2x"></i></span>
<span v-if="post.type == 'video'" class="float-right mr-3 post-icon"><i class="fas fa-video fa-2x"></i></span>
<span v-if="post.type == 'video:album'" class="float-right mr-3 post-icon"><i class="fas fa-film fa-2x"></i></span>
<div class="square-content" v-bind:style="{ 'background-image': 'url(' + post.thumb + ')' }">
</div>
</div> </div>
</a> </a>
</div> </div>
@ -46,6 +50,14 @@
height:100px; height:100px;
background-size: cover !important; background-size: cover !important;
} }
.post-icon {
color: #fff;
position:relative;
margin-top: 10px;
z-index: 9;
opacity: 0.6;
text-shadow: 3px 3px 16px #272634;
}
</style> </style>
<script type="text/javascript"> <script type="text/javascript">