Style adjustment on the new footer

This commit is contained in:
Antoine Bartuccio 2025-06-24 17:03:56 +02:00
parent f5a8228358
commit f474edc84f
Signed by: klmp200
GPG Key ID: E7245548C53F904B
2 changed files with 40 additions and 28 deletions

View File

@ -1,8 +1,8 @@
@import "colors";
@import "devices";
@media (max-width: $small-devices) {
footer {
footer.bottom-links {
@media (max-width: $small-devices) {
margin-top: 0.6em;
padding: 1.25em;
background-color: $primary-neutral-dark-color;
@ -13,7 +13,7 @@
gap: 1.25em;
> div {
>section {
display: flex;
flex-direction: row;
@ -21,24 +21,31 @@
justify-content: center;
gap: 0.8em;
> a {
color: $white-color !important;
width: auto;
}
a {
color: $white-color;
width: auto;
&:hover {
color: $white-color;
text-shadow: 0.5px 0.5px 0.5px $shadow-color;
}
}
> a {
color: $primary-neutral-color !important;
.fa-github {
color: $white-color;
}
.fa-github {
color: $primary-neutral-color;
hr {
width: 100%;
height: 0px;
border: none;
border-top: 0.5px solid $white-color;
}
}
}
@media (min-width: $small-devices) {
footer {
@media (min-width: $small-devices) {
width: 90%;
margin: 2em auto;
@ -46,7 +53,7 @@
text-align: center;
vertical-align: middle;
div {
section:first-of-type {
margin: 0.6em 0;
color: $white-color;
border-radius: 5px;
@ -57,24 +64,26 @@
box-shadow: $shadow-color 0 0 15px;
a {
color: $white-color;
width: auto;
padding: 0.8em;
flex: 1;
font-weight: bold;
color: $white-color !important;
&:hover {
color: $primary-dark-color;
color: $white-color;
text-shadow: 0.5px 0.5px 0.5px $shadow-color;
}
}
}
> .version {
margin-top: 3px;
color: rgba(0, 0, 0, 0.3);
}
.fa-github {
color: $githubblack;
}
hr {
border: none;
height: 5px;
}
}
}

View File

@ -1,13 +1,16 @@
<footer>
<div>
<footer class="bottom-links">
<section>
<a href="{{ url('core:page', 'contacts') }}">{% trans %}Contacts{% endtrans %}</a>
<a href="{{ url('core:page', 'legals') }}">{% trans %}Legal notices{% endtrans %}</a>
<a href="{{ url('core:page', 'copyright_agent') }}">{% trans %}Intellectual property{% endtrans %}</a>
<a href="{{ url('core:page', 'docs') }}">{% trans %}Help & Documentation{% endtrans %}</a>
<a href="{{ url('core:page', 'rd') }}">{% trans %}R&D{% endtrans %}</a>
</div>
<a rel="nofollow" href="https://github.com/ae-utbm/sith" target="#">
<i class="fa-brands fa-github"></i>
{% trans %}Site created by the IT Department of the AE{% endtrans %}
</a>
</section>
<hr>
<section>
<a rel="nofollow" href="https://github.com/ae-utbm/sith" target="#">
<i class="fa-brands fa-github"></i>
{% trans %}Site created by the IT Department of the AE{% endtrans %}
</a>
</section>
</footer>