Merge nested albums layout on mobile #96
@ -41,13 +41,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row" style="margin-top: 15px;">
|
<div class="row" style="margin-top: 15px;">
|
||||||
<div class="col text-center">
|
<div class="col text-center">
|
||||||
{{ $photos->links() }}
|
{{ $photos->links() }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
@if (count($child_albums) > 0)
|
@if (count($child_albums) > 0)
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -57,7 +57,7 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@foreach ($child_albums as $childAlbum)
|
@foreach ($child_albums as $childAlbum)
|
||||||
<div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
<div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
||||||
<div class="card mb-3">
|
<div class="card mb-3">
|
||||||
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
@ -27,12 +27,12 @@
|
|||||||
|
|
||||||
<img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
|
<img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
|
||||||
@else
|
@else
|
||||||
<h2><small class="text-muted">@lang('gallery.other_albums_heading', ['album_name' => $album->name])</small></h2>
|
<h2 class="mt-4"><small class="text-muted">@lang('gallery.other_albums_heading', ['album_name' => $album->name])</small></h2>
|
||||||
<p class="mb-4">@lang('gallery.other_albums_description_empty', ['album_name' => $album->name])</p>
|
<p class="mb-4">@lang('gallery.other_albums_description_empty', ['album_name' => $album->name])</p>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@foreach ($child_albums as $childAlbum)
|
@foreach ($child_albums as $childAlbum)
|
||||||
<div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
<div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
||||||
<div class="card mb-3">
|
<div class="card mb-3">
|
||||||
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
@ -64,7 +64,7 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@foreach ($child_albums as $childAlbum)
|
@foreach ($child_albums as $childAlbum)
|
||||||
<div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
<div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
|
||||||
<div class="card mb-3">
|
<div class="card mb-3">
|
||||||
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
@if ($paginator->hasPages())
|
@if ($paginator->hasPages())
|
||||||
<ul class="pagination">
|
<ul class="pagination justify-content-center">
|
||||||
{{-- Previous Page Link --}}
|
{{-- Previous Page Link --}}
|
||||||
@if ($paginator->onFirstPage())
|
@if ($paginator->onFirstPage())
|
||||||
<li class="page-item disabled"><span class="page-link">«</span></li>
|
<li class="page-item disabled"><span class="page-link">«</span></li>
|
||||||
|
Loading…
Reference in New Issue
Block a user