fix weird padding in footer

This commit is contained in:
liquidex 2024-09-29 00:14:11 +02:00
parent 43bf0a7c3c
commit 38e5f8f06d
2 changed files with 18 additions and 6 deletions

View file

@ -544,11 +544,11 @@ footer {
display: flex;
flex-direction: row;
&>section:first-child {
& #version-info {
flex-grow: 1;
}
&>section:last-child {
& #footer-icon {
flex-shrink: 0;
}
@ -557,6 +557,7 @@ footer {
flex-direction: row;
align-items: center;
justify-content: end;
opacity: 50%;
padding-left: 1.75rem;
transition: var(--transition-duration) opacity;
@ -575,6 +576,7 @@ footer {
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding-left: 0;
opacity: 0%;
transition: var(--transition-duration) opacity;
@ -599,10 +601,20 @@ footer {
}
& #footer-icon {
color: var(--text-color);
display: flex;
padding-right: 1.75rem;
&>a {
display: flex;
flex-direction: row;
}
&>a>svg {
display: flex;
color: var(--text-color);
opacity: 40%;
}
}
}
/* Style emojis to be readable */

View file

@ -13,9 +13,9 @@
{{/if}}
</section>
<section>
<section id="footer-icon">
<a href="{{ config.site }}/treehouse">
<svg id="footer-icon" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="all">
<mask id="mask">
<rect width="32" height="32" fill="black" />