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

tighter menu spacing on mobile to aligne logo and menu button

Browse Source
This commit is contained in:
Antoine M 2023-11-14 15:37:41 +01:00
parent 760612db3b
commit a425a640b9
2 changed files with 616 additions and 607 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1208
demo-components.php
View File

File diff suppressed because it is too large Load Diff

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

@ -6,13 +6,16 @@
relative
shadow-md
flex
flex-wrap
flex-wrap
items-center
justify-between;
.website_logo {
@apply order-1
mr-12
w-[190px]
@apply order-1
mr-2
md:mr-12
w-[140px]
md:w-[190px]
xl:w-[222px];
a:focus img {
@ -151,10 +154,10 @@
}
&__interaction_toggles {
@apply order-2 lg:order-3 flex items-center justify-start gap-4;
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4;
}
&__mobile-menu-toggle {
@apply lg:hidden flex items-center gap-4;
@apply lg:hidden flex items-center gap-4 px-4 md:px-8;
.toggle-icon {
/* transform: translate(0, 7px); */
@apply w-6 h-4 relative opacity-80;