refining menu centering and container

This commit is contained in:
Antoine M 2023-12-13 16:33:07 +01:00
parent 6c32040e25
commit 2be41bd723

View File

@ -4,16 +4,23 @@
sm:px-8
md:px-16
relative
shadow-md
flex
flex-wrap
items-center
justify-between;
justify-between
lg:justify-center
xl:container
xl:mx-auto;
&:after {
@apply absolute top-0 left-1/2 w-screen h-full bg-white shadow-md z-[-1] -translate-x-1/2;
content: '';
}
.website_logo {
@apply order-1
mr-2
md:mr-12
xl:mr-auto
w-[140px]
md:w-[190px]
xl:w-[222px];
@ -154,7 +161,7 @@
}
&__interaction_toggles {
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4;
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto;
}
&__mobile-menu-toggle {
@apply lg:hidden flex items-center gap-4 px-4 md:px-8;