fix footer css
This commit is contained in:
parent
5dbe767d0f
commit
4c9fa86318
@ -26,16 +26,18 @@ footer div a:hover {
|
||||
footer div.logo {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
@media screen and (max-width: 900px) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
footer div.logo img {
|
||||
height: 90px;
|
||||
margin: 3px;
|
||||
@media screen and (max-width: 900px) {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
footer div.logo {
|
||||
flex-direction: column;
|
||||
}
|
||||
footer div.logo img {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
@ -3,7 +3,9 @@
|
||||
<head>
|
||||
<title>Tests WMTS</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="./leaflet/leaflet.css" />
|
||||
<link rel="stylesheet" href="./leaflet/footer.css" />
|
||||
<!-- <script src="./leaflet/Proj4Leaflet-1.0.1/lib/leaflet/leaflet.js"></script>
|
||||
<script src="./leaflet/Proj4Leaflet-1.0.1/lib/proj4.js"></script>
|
||||
<script src="./leaflet/Proj4Leaflet-1.0.1/src/proj4leaflet.js"></script> -->
|
||||
@ -236,5 +238,19 @@
|
||||
var hash = L.hash(map);
|
||||
|
||||
</script>
|
||||
<footer>
|
||||
<div>
|
||||
<a [routerLink]="[ '/home']">Accueil</a> | <a href="https://github.com/PnX-SI/GeoNature-citizen">GeoNature-citizen</a> | <a [routerLink]="[ '/about']" >A propos</a>
|
||||
</div>
|
||||
|
||||
<div class='logo'>
|
||||
<a target='_blank' href='https://www.wallonie.be'><img alt='logo' src='assets/logo_wallonie.png'></a>
|
||||
<a target='_blank' href='https://www.digitalwallonia.be'><img alt='logo' src='assets/logo_dw.png'></a>
|
||||
<a target='_blank' href='https://enrd.ec.europa.eu/leader-clld_fr'><img alt='logo' src='assets/logo_leader.png'></a>
|
||||
<a target='_blank' href='https://www.wasseiges.be'><img alt='logo' src='assets/logo-commune-wasseiges.jpg'></a>
|
||||
<a target='_blank' href='https://www.meusecampagnes.be'><img alt='logo' src='assets/logo_gal.png'></a>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
43
sandbox/wmts/leaflet/footer.css
Normal file
43
sandbox/wmts/leaflet/footer.css
Normal file
@ -0,0 +1,43 @@
|
||||
footer {
|
||||
margin-top: 20px;
|
||||
padding: 20px 0px;
|
||||
text-align: center;
|
||||
background: rgb(226, 226, 226);
|
||||
}
|
||||
|
||||
footer p, footer div{
|
||||
margin: 0 auto;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
footer div {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
footer div a {
|
||||
text-decoration: none;
|
||||
color: var(--secondary) !important;
|
||||
}
|
||||
|
||||
footer div a:hover {
|
||||
border-bottom: solid 1px black;
|
||||
}
|
||||
|
||||
footer div.logo {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
footer div.logo img {
|
||||
height: 90px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
footer div.logo {
|
||||
flex-direction: column;
|
||||
}
|
||||
footer div.logo img {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user