vincentRamiere/simpleat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer responsive

Browse Source
This commit is contained in:
Vincent Ramiere 2022-03-11 14:38:21 +01:00
parent 757811c04f
commit b9fa5aa2eb
2 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/footer/footer.component.html
View File

@ -1,14 +1,12 @@
<footer class="d-flex"> <footer class="d-flex">
<div class="logo d-inline-flex align-items-center">
<div class = "logo d-inline-flex align-items-center"> <img src="../../assets/Logo_footer.png" />
<img src="../../assets/Logo_footer.png">
</div> </div>
<div class="liens d-flex justify-content-end align-items-center"> <div class="liens d-flex justify-content-end align-items-center">
<h5>Aide</h5> <h5>Aide</h5>
<h5>Contact</h5> <h5>Contact</h5>
<h5 routerLink="/admin">Administrateurs</h5> <h5 routerLink="/admin">Administrateurs</h5>
<h5>Mentions legales</h5> <h5>Mentions legales</h5>
</div> </div>
</footer>
</footer>

28
src/app/footer/footer.component.scss
View File

@ -1,8 +1,7 @@
footer { footer {
width: 100%; width: 100%;
height: 113px; height: 80px;
background-color: #CE0000; background-color: #CE0000;
margin-top: 4em;
} }
.liens{ .liens{
@ -10,8 +9,31 @@ footer {
} }
h5{ h5{
padding-right: 4em; padding-left: 2em;
color: white; color: white;
// font-weight: lighter; // font-weight: lighter;
cursor: pointer; cursor: pointer;
} }
@media only screen and (max-width:1131px) {
// footer{
// display: ineline-flex;
// justify-content: center;
// }
img{
display: none;
}
.liens{
display: flex;
flex-wrap: wrap;
}
// h5{
// display: flex;
// flex-wrap: wrap-reverse;
// }
}