mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-26 08:13:16 +00:00
Update discover pages
This commit is contained in:
parent
eeda463756
commit
7d30a29227
3 changed files with 6 additions and 68 deletions
|
@ -18,10 +18,12 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
|
|||
<div class="container">
|
||||
<div class="pt-4 d-flex justify-content-between align-items-center">
|
||||
<p>
|
||||
@if($tags->count() > 0)
|
||||
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
||||
@foreach($tags as $hashtag)
|
||||
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
||||
@endforeach
|
||||
@endif
|
||||
</p>
|
||||
<p class="font-weight-lighter">
|
||||
{{$posts->post_count}} posts
|
||||
|
@ -50,27 +52,6 @@ background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, F
|
|||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
||||
{{$posts->links()}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.pagination-container').hide();
|
||||
$('.pagination').hide();
|
||||
let elem = document.querySelector('.tag-timeline');
|
||||
let infScroll = new InfiniteScroll( elem, {
|
||||
path: '.pagination__next',
|
||||
append: '.tag-timeline',
|
||||
status: '.page-load-status',
|
||||
history: true,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
@section('content')
|
||||
|
||||
<div class="profile-header bg-light {{$tag->bgd ?? 'bgd-2'}}">
|
||||
<div class="profile-header bg-light bgd-2">
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3">
|
||||
|
@ -24,10 +24,12 @@
|
|||
<div class="container">
|
||||
<div class="pt-4 d-flex justify-content-between align-items-center">
|
||||
<p>
|
||||
@if($tag->hashtags->count() > 0)
|
||||
<span class="font-weight-lighter pr-3">Related hashtags:</span>
|
||||
@foreach($tag->hashtags as $hashtag)
|
||||
<a class="btn btn-outline-secondary btn-sm py-0 pr-2" href="{{$hashtag->url()}}">#{{$hashtag->name}}</a>
|
||||
@endforeach
|
||||
@endif
|
||||
</p>
|
||||
<p class="font-weight-lighter">
|
||||
{{$tag->posts_count}} posts
|
||||
|
@ -56,9 +58,6 @@
|
|||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
||||
{{$posts->links()}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
@ -84,21 +83,3 @@
|
|||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.pagination-container').hide();
|
||||
$('.pagination').hide();
|
||||
let elem = document.querySelector('.tag-timeline');
|
||||
let infScroll = new InfiniteScroll( elem, {
|
||||
path: '.pagination__next',
|
||||
append: '.tag-timeline',
|
||||
status: '.page-load-status',
|
||||
history: true,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
|
|
|
@ -44,31 +44,7 @@
|
|||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center pagination-container mt-4">
|
||||
{{$posts->links()}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('meta')
|
||||
<meta property="og:description" content="Discover {{$tag->name}}">
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.pagination-container').hide();
|
||||
$('.pagination').hide();
|
||||
let elem = document.querySelector('.tag-timeline');
|
||||
let infScroll = new InfiniteScroll( elem, {
|
||||
path: '.pagination__next',
|
||||
append: '.tag-timeline',
|
||||
status: '.page-load-status',
|
||||
history: true,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
|
|
Loading…
Reference in a new issue