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

4
app/views/pictures/_picture.haml
View File

@ -1,11 +1,11 @@
.group.relative.overflow-hidden
.flex.justify-between
.ml-2= link_to picture.member.name , member_path(picture.member) , class: :underline
.ml-2= link_to picture.member.name , main_app.member_path(picture.member) , class: :underline
.mr-2
= distance_of_time_in_words_to_now picture.happened
ago
.h-0.overflow-hidden.relative{class: "pt-[75%]"}
= image_for( picture , "absolute top-0 left-0 w-full h-full inset-0 object-cover hover:scale-105 ease-in duration-500")
= picture_for( picture , "absolute top-0 left-0 w-full h-full inset-0 object-cover hover:scale-105 ease-in duration-500")
-unless picture.text.blank?
.absolute.bottom-0.left-0.right-0.px-4.pb-1.bg-gray-800.opacity-70.transition-colors.group-hover:bg-black.group-hover:opacity-100
.text-center.mt-2.text-white= picture.text