ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-07 15:50:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

bottom footer bar

Browse source
This commit is contained in:
Thomas Smith 2022-12-19 11:20:55 -05:00
parent bde84844e5
commit e405da6bd6
1 changed files with 34 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
packages/gui/src/components/FooterLinks/FooterLinks.svelte
View file

@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<div class="card social-box w-1/4 h-full border-2 border-gray"> <div class="card social-box h-full w-1/4 border-2 border-gray">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<div class="border-b border-gray p-3"> <div class="border-b border-gray p-3">
<a class="list-group-item" role="button" href="https://twitter.com/teaxyz" <a class="list-group-item" role="button" href="https://twitter.com/teaxyz"
@ -45,33 +45,53 @@
</div> </div>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="h-16 border border-r-0 border-gray p-4 px-16" /> <section class="h-16 border border-r-0 border-gray p-4 px-16">
<div class="flex">
<div class="w-1/2 pt-2">
<p class="text-xs">
©2022 tea inc. You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
</p>
</div>
<div class="flex w-1/2 pt-2">
<ul class="nav ml-auto flex text-xs">
<li class="nav-item mr-3 ">
<a class="nav-link footer-link small" href="https://tea.xyz/privacy-policy/"
>Privacy Policy</a
>
</li>
<li class="nav-item">
<a class="nav-link footer-link small" href="https://tea.xyz/terms-of-use/"
>Terms of Use</a
>
</li>
</ul>
</div>
</div>
</section>
</footer> </footer>
<style> <style>
h3 {
h3{ font-family: 'pp-neue-machina', sans-serif;
font-family: "pp-neue-machina", sans-serif; color: #00ffd0;
color:#00ffd0;
} }
p{ p,
font-family: "sono", sans-serif; .nav-item {
color: #ffffff; font-family: 'sono', sans-serif;
color: #ffffff;
} }
.list-group-item{ .list-group-item {
font-family: "pp-neue-machina", sans-serif; font-family: 'pp-neue-machina', sans-serif;
text-transform: uppercase; text-transform: uppercase;
transition: 0.1s ease-in; transition: 0.1s ease-in;
} }
.list-group-item:hover{ .list-group-item:hover {
padding-left: 1vw; padding-left: 1vw;
} }
</style> </style>