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

refining menu centering and container

Browse Source
This commit is contained in:
Antoine M 2023-12-13 16:33:07 +01:00
parent 6c32040e25
commit 2be41bd723
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/css/layout/menu-renovateur.css
View File

@ -4,16 +4,23 @@
sm:px-8 sm:px-8
md:px-16 md:px-16
relative relative
shadow-md
flex flex
flex-wrap flex-wrap
items-center 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 { .website_logo {
@apply order-1 @apply order-1
mr-2 mr-2
md:mr-12 md:mr-12
xl:mr-auto
w-[140px] w-[140px]
md:w-[190px] md:w-[190px]
xl:w-[222px]; xl:w-[222px];
@ -154,7 +161,7 @@
} }
&__interaction_toggles { &__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 { &__mobile-menu-toggle {
@apply lg:hidden flex items-center gap-4 px-4 md:px-8; @apply lg:hidden flex items-center gap-4 px-4 md:px-8;