Amélioration de l'apparence du menu sur smartphone

This commit is contained in:
Stanislas Jouffroy 2025-03-22 18:11:35 +01:00
parent 37c6366447
commit 91163cdb68
4 changed files with 6 additions and 6 deletions

View file

@ -122,7 +122,7 @@ main {
padding: 3rem; padding: 3rem;
} }
@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { @media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) {
main { main {
padding: 1rem; padding: 1rem;
} }

View file

@ -43,7 +43,7 @@ main {
overflow-y: scroll; overflow-y: scroll;
} }
@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) { @media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) {
.content-container { .content-container {
@include flexbox-grid-mixins.grid($flex-flow: column nowrap); @include flexbox-grid-mixins.grid($flex-flow: column nowrap);
} }

View file

@ -721,7 +721,7 @@ main:only-child {
overflow-y: scroll; overflow-y: scroll;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 896px) {
.content-container { .content-container {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@ -788,7 +788,7 @@ main:only-child {
.panel-recipe { .panel-recipe {
--panel-font-color: #000; --panel-font-color: #000;
--panel-background-color: #CDCCCCFF; --panel-background-color: #CDCCCC;
--custom-link-text-color: #2e7eb3; --custom-link-text-color: #2e7eb3;
--custom-link-text-hover-color: #38a0e4; --custom-link-text-hover-color: #38a0e4;
} }
@ -1132,7 +1132,7 @@ main {
padding: 3rem; padding: 3rem;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 896px) {
main { main {
padding: 1rem; padding: 1rem;
} }

File diff suppressed because one or more lines are too long