novaloop-oss/mastodon-apps
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adds mastodon logo to footer

Browse Source
This commit is contained in:
Markus Huggler
2022-12-23 07:18:37 +01:00
parent dbde575cd1
commit e9472972cd
4 changed files with 57 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
projects/mastolists/src/app/app.component.html
View File

@@ -28,17 +28,21 @@
</nb-layout-column>
<nb-layout-footer>
<div style="width: 50%">
<a href="https://novaloop.social/@magbeat" target="_blank" rel="noreferrer">@magbeat@novaloop.social</a><br>
<br>
Novaloop AG<br/>
Niederdorfstrasse 88<br/>
8001 Zürich<br/>
</div>
<div style="width: 50%; text-align: right;">
<a href="tel:+41 44 500 54 60">+41 44 500 54 60</a><br/>
<a href="https://www.novaloop.ch">www.novaloop.ch</a><br/>
<a href="mailto:mail@novaloop.ch">mail@novaloop.ch</a><br/>
<div class="footer-container">
<div class="col col-left">
Novaloop AG<br/>
Niederdorfstrasse 88<br/>
8001 Zürich<br/>
</div>
<div class="col col-center">
<img src="assets/images/mastodon.svg" alt="Mastodon logo" class="mastodon-logo">
<a href="https://novaloop.social/@magbeat" target="_blank" rel="noreferrer">@magbeat@novaloop.social</a><br>
</div>
<div class="col col-right">
<a href="tel:+41 44 500 54 60">+41 44 500 54 60</a><br/>
<a href="https://www.novaloop.ch">www.novaloop.ch</a><br/>
<a href="mailto:mail@novaloop.ch">mail@novaloop.ch</a><br/>
</div>
</div>
</nb-layout-footer>
</nb-layout>

39
projects/mastolists/src/app/app.component.scss
View File

@@ -2,13 +2,52 @@
display: none
}
img.mastodon-logo {
width: 20px;
margin-right: 10px;
}
.footer-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.col-center {
text-align: center;
display: flex;
align-items: flex-start;
}
.col-right {
text-align: right;
}
@media (max-width: 573px) {
.footer-container {
width: 100%;
display: flex;
flex-direction: column;
}
.button-responsive {
display: inline-block
}
.menu-responsive {
display: none
}
.col {
padding-bottom: 20px;
}
.col-center {
text-align: left;
}
.col-right {
text-align: left;
}
}
nb-action {