mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-09 16:24:51 +00:00
Adapt tiling from user profiles
This commit is contained in:
parent
3c63e20343
commit
87a0e036d3
1 changed files with 19 additions and 7 deletions
|
@ -6,16 +6,16 @@
|
|||
<p class="lead text-muted font-weight-bold">Discover People</p>
|
||||
<div class="row">
|
||||
@foreach($people as $profile)
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="col-4 p-0 p-sm-2 p-md-3">
|
||||
<div class="card card-md-border-0">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="avatar pb-3">
|
||||
<a href="{{$profile->url()}}">
|
||||
<img src="{{$profile->avatarUrl()}}" class="img-thumbnail rounded-circle" width="64px">
|
||||
</a>
|
||||
</div>
|
||||
<p class="lead font-weight-bold mb-0"><a href="{{$profile->url()}}" class="text-dark">{{$profile->username}}</a></p>
|
||||
<p class="text-muted">{{$profile->name}}</p>
|
||||
<p class="lead font-weight-bold mb-0 text-truncate"><a href="{{$profile->url()}}" class="text-dark">{{$profile->username}}</a></p>
|
||||
<p class="text-muted text-truncate">{{$profile->name}}</p>
|
||||
<form class="follow-form" method="post" action="/i/follow" data-id="{{$profile->id}}" data-action="follow">
|
||||
@csrf
|
||||
<input type="hidden" name="item" value="{{$profile->id}}">
|
||||
|
@ -31,9 +31,21 @@
|
|||
<p class="lead text-muted font-weight-bold">Explore</p>
|
||||
<div class="profile-timeline row">
|
||||
@foreach($posts as $status)
|
||||
<div class="col-12 col-md-4 mb-4">
|
||||
<a class="card" href="{{$status->url()}}">
|
||||
<img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px">
|
||||
<div class="col-4 p-0 p-sm-2 p-md-3">
|
||||
<a class="card info-overlay card-md-border-0" href="{{$status->url()}}">
|
||||
<div class="square {{$status->firstMedia()->filter_class}}">
|
||||
<div class="square-content" style="background-image: url('{{$status->thumb()}}')"></div>
|
||||
<div class="info-overlay-text">
|
||||
<h5 class="text-white m-auto font-weight-bold">
|
||||
<span class="pr-4">
|
||||
<span class="far fa-heart fa-lg pr-1"></span> {{$status->likes_count}}
|
||||
</span>
|
||||
<span>
|
||||
<span class="far fa-comment fa-lg pr-1"></span> {{$status->comments_count}}
|
||||
</span>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
|
|
Loading…
Reference in a new issue