Browse Source

#94: Child albums now display as 6 and 6 columns on mobile (xs) devices. Pager links are also centered.

tags/v2.2.0-beta.1
Andy Heathershaw 1 year ago
parent
commit
cff66e72d6
4 changed files with 9 additions and 9 deletions
  1. +5
    -5
      resources/views/themes/base/gallery/album_default.blade.php
  2. +2
    -2
      resources/views/themes/base/gallery/album_empty.blade.php
  3. +1
    -1
      resources/views/themes/base/gallery/album_slideshow.blade.php
  4. +1
    -1
      resources/views/themes/base/partials/pager_links.blade.php

+ 5
- 5
resources/views/themes/base/gallery/album_default.blade.php View File

@@ -41,11 +41,11 @@
</div>
</div>
@endforeach
</div>

<div class="row" style="margin-top: 15px;">
<div class="col text-center">
{{ $photos->links() }}
</div>
<div class="row" style="margin-top: 15px;">
<div class="col text-center">
{{ $photos->links() }}
</div>
</div>

@@ -57,7 +57,7 @@

<div class="row">
@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">
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
<div class="card-body">


+ 2
- 2
resources/views/themes/base/gallery/album_empty.blade.php View File

@@ -27,12 +27,12 @@

<img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
@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>

<div class="row">
@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">
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
<div class="card-body">


+ 1
- 1
resources/views/themes/base/gallery/album_slideshow.blade.php View File

@@ -64,7 +64,7 @@

<div class="row">
@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">
<img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
<div class="card-body">


+ 1
- 1
resources/views/themes/base/partials/pager_links.blade.php View File

@@ -1,5 +1,5 @@
@if ($paginator->hasPages())
<ul class="pagination">
<ul class="pagination justify-content-center">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled"><span class="page-link">&laquo;</span></li>


Loading…
Cancel
Save