Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining responsive

Browse Source
This commit is contained in:
Antoine M 2024-05-28 12:39:31 +02:00
parent fb279c46e8
commit 337ea9406a
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/css/blocks/client-satisfaction.css
View File

@ -1,5 +1,5 @@
#client-satisfaction { #client-satisfaction {
@apply border border-neutral-300 rounded-2xl px-2 py-8 md:p-8 my-8; @apply border border-neutral-300 rounded-2xl px-4 py-8 md:p-8 my-8;
h2 { h2 {
@apply !text-3xl !font-bold !text-neutral-900 !mb-8; @apply !text-3xl !font-bold !text-neutral-900 !mb-8;
@ -14,7 +14,7 @@
@apply py-0; @apply py-0;
} }
.gform_confirmation_message { .gform_confirmation_message {
@apply flex gap-12 justify-center text-left !bg-white p-0; @apply flex flex-col md:flex-row gap-12 justify-center text-left !bg-white p-0;
h3 { h3 {
@apply p-0 m-0 text-neutral-900 text-xl font-bold; @apply p-0 m-0 text-neutral-900 text-xl font-bold;
} }

11
resources/css/components/forms/field-classic-rating.css
View File

@ -3,10 +3,19 @@
@apply pb-6 !text-2xl text-center; @apply pb-6 !text-2xl text-center;
} }
.gfield_radio { .gfield_radio {
@apply flex justify-between max-w-lg text-center mx-auto; @apply grid grid-cols-2 sm:flex justify-between max-w-lg text-center mx-auto;
@media screen and (max-width: 400px) {
grid-template-columns: auto auto;
width: fit-content;
column-gap: 1rem;
}
.gchoice { .gchoice {
@apply flex flex-col justify-center items-center; @apply flex flex-col justify-center items-center;
&:last-child {
grid-column: auto / span 2;
}
label.gform-field-label { label.gform-field-label {
@apply !ml-0 mt-3 !font-normal; @apply !ml-0 mt-3 !font-normal;
} }