diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 57b4f8f..1562e17 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -539,7 +539,8 @@ footer { } } .footer #footer-left .footer_left_container { - padding-left: 5%; + padding: 1rem; + padding-left: 3rem; display: flex; flex-direction: row; } @@ -557,32 +558,19 @@ footer { } } .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { - height: 320px; + height: fit-content; + margin: auto; + padding-left: 2rem; } -@media (max-width: 700px) { - .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { - height: 110px; - } +.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img { + width: auto; + height: 65px; + padding-left: 1rem; } .footer #footer-left .footer_left_container img { width: auto; height: 150px; } -@media (max-width: 700px) { - .footer #footer-left .footer_left_container img { - height: 110px; - } -} -@media (max-width: 660px) { - .footer #footer-left .footer_left_container img { - height: 70px; - } -} -@media (max-width: 450px) { - .footer #footer-left .footer_left_container img { - height: 50px; - } -} .footer #footer-middle { grid-column: 6/span 7; grid-row: 1; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss index 45c61ea..d8de98a 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss @@ -56,7 +56,9 @@ footer{ max-width: 25%; } .footer_left_container{ - padding-left: 5%; + + padding: 1rem; + padding-left: 3rem; .logo-qdd{display: none;} @media(max-width: 700px){ max-width: 50vw; @@ -68,10 +70,12 @@ footer{ flex-direction: row; #block-quartiers-de-demain-logoepau{ - height: $header-height; - @media(max-width: 700px){ - height: $header-height-pad; - } + height: fit-content; + margin: auto; + padding-left: 2rem; + // @media(max-width: 700px){ + // height: $header-height-pad; + // } // > div { // width: 100%; // height: 100%; @@ -91,19 +95,33 @@ footer{ // } // } // } + img{ + width: auto; + height: 65px; + padding-left: 1rem; + // @media(max-width: 700px){ + // height: $header-height-pad; + // } + // @media(max-width: 660px){ + // height: $header-height-small; + // } + // @media(max-width: 450px){ + // height: $header-height-ultrasmall; + // } + } } img{ width: auto; height: 150px; - @media(max-width: 700px){ - height: $header-height-pad; - } - @media(max-width: 660px){ - height: $header-height-small; - } - @media(max-width: 450px){ - height: $header-height-ultrasmall; - } + // @media(max-width: 700px){ + // height: $header-height-pad; + // } + // @media(max-width: 660px){ + // height: $header-height-small; + // } + // @media(max-width: 450px){ + // height: $header-height-ultrasmall; + // } } }