Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-15 12:48:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update FooterComponent.vue

Browse Source
This commit is contained in:
Dragos 2022-11-08 18:56:07 +02:00 committed by GitHub
parent c74f5d4d56
commit 6f46cfd0f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/FooterComponent.vue
View File

@ -1,24 +1,24 @@
<template> <template>
<footer> <footer class="efy_trans_filter">
<a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank"> <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
<font-awesome-icon :icon="['fab', 'github']" /> <font-awesome-icon :icon="['fab', 'github']" />
<span class="ml-2" v-t="'actions.source_code'" /> <span v-t="'actions.source_code'" />
</a> </a>
<a href="https://piped-docs.kavin.rocks/" target="_blank"> <a href="https://piped-docs.kavin.rocks/" target="_blank">
<font-awesome-icon :icon="['fa', 'book']" /> <font-awesome-icon :icon="['fa', 'book']" />
<span class="ml-2" v-t="'actions.documentation'" /> <span v-t="'actions.documentation'" />
</a> </a>
<a href="https://github.com/TeamPiped/Piped#donations" target="_blank"> <a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
<font-awesome-icon :icon="['fab', 'bitcoin']" /> <font-awesome-icon :icon="['fab', 'bitcoin']" />
<span class="ml-2" v-t="'actions.donations'" /> <span v-t="'actions.donations'" />
</a> </a>
<a v-if="statusPageHref" :href="statusPageHref"> <a v-if="statusPageHref" :href="statusPageHref">
<font-awesome-icon :icon="['fa', 'server']" /> <font-awesome-icon :icon="['fa', 'server']" />
<span class="ml-2" v-t="'actions.status_page'" /> <span v-t="'actions.status_page'" />
</a> </a>
<a v-if="donationHref" :href="donationHref"> <a v-if="donationHref" :href="donationHref">
<font-awesome-icon :icon="['fa', 'donate']" /> <font-awesome-icon :icon="['fa', 'donate']" />
<span class="ml-2" v-t="'actions.instance_donations'" /> <span v-t="'actions.instance_donations'" />
</a> </a>
</footer> </footer>
</template> </template>
@ -47,16 +47,23 @@ export default {
<style> <style>
footer { footer {
text-align: center; display: flex;
flex-wrap: wrap;
gap: 15rem;
justify-content: center;
width: 100%; width: 100%;
margin-top: 30rem; margin: 15rem 0 0 0;
margin-bottom: 10rem;
background: var(--efy_bg1); background: var(--efy_bg1);
border-radius: var(--efy_radius); border-radius: var(--efy_radius);
padding: 15rem 5rem; padding: 15rem 5rem;
border: var(--efy_border);
} }
footer > a { footer > a {
margin: 0 15rem; margin: 0;
}
footer a {
color: var(--efy_text) !important;
-webkit-text-fill-color: var(--efy_text) !important;
background: transparent !important;
} }
</style> </style>