create and display upcoming event section

This commit is contained in:
Torsten
2023-08-31 12:48:20 +03:00
parent cac691d121
commit 973ede68b2
10 changed files with 42 additions and 17 deletions

View File

@ -1,6 +1,6 @@
%section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2
%div
= image_for( event , "h-56 w-full object-cover sm:h-full")
= picture_for( event , "h-56 w-full object-cover sm:h-full")
.p-8.md:p-12.lg:px-16.lg:py-24
.mx-auto.max-w-xl.text-center
%h2.text-2xl.font-bold.md:text-4xl

View File

@ -1,6 +1,6 @@
.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
=link_to event do
= image_for( event , class: "h-60 w-full object-cover")
.flex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
=link_to main_app.event_path(event) do
= picture_for( event , class: "h-60 w-full object-cover")
%div
%h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
= event.name

View File

@ -1,3 +1,5 @@
.flex.justify-center
%h3.text-3xl.font-bold Upcoming Events
.flex.justify-center
.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
- @events.each do |event|