22 lines
783 B
Plaintext
22 lines
783 B
Plaintext
%link{:href => "https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css", :rel => "stylesheet"}/
|
|
%script{:src => "https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"}
|
|
|
|
= paginate @pictures
|
|
|
|
.flex.justify-end.mr-10
|
|
= sort_link(@q, :happened ,class: 'flex flex-nowrap text-md')
|
|
.border-r-4.mx-4
|
|
= sort_link(@q, :created_at , class: 'flex flex-nowrap text-md')
|
|
|
|
.mx-20.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-3.2xl:grid-cols-4.gap-8.md:gap-12.lg:gap-16
|
|
- @pictures.each do |picture|
|
|
= render picture , picture: picture
|
|
|
|
.flex.ml-20
|
|
= link_to new_picture_path do
|
|
%button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
|
|
New Picture
|
|
|
|
:javascript
|
|
const lightbox = GLightbox({ });
|