forge-joniko/ldc-showroom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better footer layout

Browse source
This commit is contained in:
Jérémy Munsch 2024-01-12 09:13:00 +01:00
parent a75dcf3811
commit 96ea08d00c
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/scss/layout.scss
View file

@ -5,7 +5,7 @@ body {
background-color: unset;
@include media-breakpoint-up(xxl) {
@include font-size(4rem);
@include font-size(3rem);
}
.app-component {
@ -18,9 +18,16 @@ body {
padding-top: 1rem;
padding-bottom: 1rem;
}
> footer {
box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 7.5%) !important;
@include font-size(2rem);
@include media-breakpoint-up(xxl) {
@include font-size(2.5rem);
}
}
}
> footer {
box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 7.5%) !important;
}
}

4
components/layout/AppFooter.vue
View file

@ -6,10 +6,10 @@
:style="`background-color: ${activeBrand?.color} !important`"
>
<div v-if="router.name !== 'index'" class="row">
<div class="col-3 col-md-2">
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<span class="fw-bold">Découvrez nos autres marques</span>
</div>
<div class="col-9 col-md-10">
<div class="col col-md-8">
<Swiper
:scrollbar="{
hide: true,