refining menu centering and container
This commit is contained in:
parent
6c32040e25
commit
2be41bd723
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user