few responsive mobile brand tweaks

This commit is contained in:
Antoine M 2024-05-28 14:59:03 +02:00
parent 46d4b48bca
commit 463232e753
2 changed files with 5 additions and 3 deletions

View File

@ -186,7 +186,7 @@
@apply xl:ml-8; @apply xl:ml-8;
} }
.wpml-ls-item { .wpml-ls-item {
@apply px-1; @apply px-1 inline-block mb-3 lg:mb-0;
a { a {
@apply !rounded-full h-10 w-10 border-2 border-white p-0 !flex justify-center items-center font-semibold text-sm; @apply !rounded-full h-10 w-10 border-2 border-white p-0 !flex justify-center items-center font-semibold text-sm;

View File

@ -1,6 +1,6 @@
.menu-mobile-brand { .menu-mobile-brand {
@apply py-4 @apply py-4
px-4 px-3
lg:hidden lg:hidden
xl:px-8 xl:px-8
relative relative
@ -12,7 +12,9 @@
lg:justify-center lg:justify-center
xl:container xl:container
xl:mx-auto; xl:mx-auto;
.website_logo {
max-width: 140px;
}
&__interaction_toggles { &__interaction_toggles {
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto; @apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto;
} }