FeenixMakers/volunteers
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

last story and last picture section style

Browse Source
This commit is contained in:
Torsten
2023-01-28 16:00:36 +02:00
parent 17a0ace013
commit 1cbb29f16a
12 changed files with 55 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/stories/_half.haml
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( story , "h-56 w-full object-cover sm:h-full")
= picture_for( story , "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

2
app/views/stories/_pic.haml
View File

@ -1,6 +1,6 @@
%section.flex.justify-center.p-8.flex-col.md:flex-row.m-20
.flex.items-center.h-40.md:h-60.lg:h-96.w-full.overflow-hidden{class: "lg:w-2/3"}
= image_for(story ,"object-cover")
= picture_for(story ,"object-cover")
.flex.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-1/3"}
.flex-1
.text-center

2
app/views/stories/_text.haml
View File

@ -7,5 +7,5 @@
= distance_of_time_in_words_to_now story.happened
ago
.max-w-full.mt-4.gap-16.columns-1.md:columns-2.lg:columns-3.xl:columns-4{ prose_classes }
= image_for( story , "h-56 w-full object-cover sm:h-full")
= picture_for( story , "h-56 w-full object-cover sm:h-full")
= markdown(story.text)