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

member responsiveness and max width for body

Browse Source
This commit is contained in:
Torsten 2023-01-22 23:36:47 +02:00
parent 8140dcc722
commit 175a89cfb4
2 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/layouts/application.haml
View File

@ -32,7 +32,7 @@
- if false - if false
%script{:src => "https://cdn.tailwindcss.com"} %script{:src => "https://cdn.tailwindcss.com"}
%body %body.max-w-screen-2xl.xl:mx-auto
= render "layouts/header" = render "layouts/header"
= render "layouts/messages" = render "layouts/messages"
= yield = yield

27
app/views/members/index.html.haml
View File

@ -1,16 +1,15 @@
= paginate @members = paginate @members
.flex.justify-center
.grid.grid-cols-4 .grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
- @members.each do |member| - @members.each do |member|
.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10 .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
=link_to member do =link_to member do
= image_for( member , class: "h-60 w-full object-cover") = image_for( member , class: "h-60 w-full object-cover")
%h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center %h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
= member.name = member.name
.p-2.text-xs.bg-gray-50.text-black.font-bold.text-center .p-2.text-xs.bg-gray-50.text-black.font-bold.text-center
= stayed member = stayed member
%div.h-full %div.h-full
.p-5.text-center .p-5.text-center
.m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes } .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
= shorten markdown(member.bio) = shorten markdown(member.bio)