neutral preview images

This commit is contained in:
2023-01-28 14:18:06 +02:00
parent ec96ed0162
commit c90db49be3
22 changed files with 67 additions and 13 deletions

View File

@ -6,7 +6,8 @@
.grid.grid-cols-4.gap-6.m-8
- @cards.each do |style|
.border.border-gray-300.rounded-lg.p-2
.flex.flex-col.border.border-gray-300.rounded-lg.p-2.bg-neutral-50
= link_to( merged.section_set_card_template_path( card_template: style.template )) do
.font-bold.text-lg.text-center.pb-4= style.header
=image_tag(style.card_preview , class: "w-full object-contain")
.text-left.pt-4.bg-gray-50= style.text

View File

@ -6,7 +6,8 @@
.grid.grid-cols-4.gap-6.my-10.mx-20
- @sections.each do |style|
.border.border-gray-300.rounded-lg.p-2
.flex.flex-col.border.border-gray-300.rounded-lg.p-2.bg-neutral-50
= link_to( merged.section_set_template_path( template: style.template )) do
.font-bold.text-lg.text-center.pb-4= style.header
=image_tag(style.section_preview , class: "w-full object-contain")
.text-left.pt-4.bg-gray-50= style.text

View File

@ -57,7 +57,7 @@
- if( @section.has_cards? )
.basis-full.h-0
.basis-96
.mx-3.text-lg.font-bold Card Style #{@section.card_template}
.mx-3.text-lg.font-bold Card Style #{@section.card_template_style.header}
=card_preview(@section , class: "my-3")
%p.py-3
= link_to merged.section_select_card_template_path(@section.id) do

View File

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

View File

@ -1,4 +1,4 @@
.flex.justify-center.p-8.flex-col.lg:flex-row{options(section , :margin , :background )}
.flex.justify-center.flex-col.lg:flex-row{options(section , :margin , :background )}
.flex.justify-center.h-60.w-full.overflow-hidden{order_option(section, "lg:w-1/3")}
= image_for(section ,"object-cover")
.columns-1.md:columns-2.max-w-full.items-center.w-full.max-w.px-6.mx-auto.mt-6.lg:mt-0{text_color_option(section, "lg:w-2/3")}