zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add pictures style

Browse source
This commit is contained in:
FarseaSH 2021-09-02 21:09:09 +08:00
parent 5cc4be3e19
commit 24dca41afa
4 changed files with 55 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

11
layouts/partials/pic_set.html
View file

@ -1,9 +1,14 @@
<!-- START -->
<div class="pic-grid">
<!-- todo change display style for 2 * 2 -->
{{ $num_per_row := 3}}
{{ $max_width := 80}}
{{ if or (eq (len .pic_set) 2) (eq (len .pic_set) 4)}}
{{ $num_per_row = 2}}
{{ $max_width = 53}}
{{ end }}
<div class="pic-grid" style="width: {{ $max_width }}%">
<div class="pure-g">
{{ range $num, $a := .pic_set }}
<div class="pure-u-1-3">
<div class="pure-u-1-{{ $num_per_row }}">
<div class="add-padding">
<div class="img-container">
<a data-src="{{ $a }}" data-fancybox="gallery">