TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

simplified the code, improve readability

Browse source
This commit is contained in:
keyboardreamer 2024-01-04 11:25:30 +08:00
parent 445e9c9468
commit 681faaacac
4 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.vue
View file

@ -270,7 +270,7 @@ h2 {
} }
.dark .link { .dark .link {
@apply hover:(focus:text-red-400 hover:text-red-400); @apply focus:text-red-400 hover:text-red-400;
} }
.dark .link-secondary { .dark .link-secondary {

12
src/components/FooterComponent.vue
View file

@ -2,27 +2,27 @@
<footer class="mt-10 w-full rounded-xl py-4 text-center children:(mx-3)"> <footer class="mt-10 w-full rounded-xl py-4 text-center children:(mx-3)">
<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 v-t="'actions.source_code'" class="ml-2 hover:font-bold" /> <span v-t="'actions.source_code'" class="ml-2 hover:underline" />
</a> </a>
<a href="https://docs.piped.video/" target="_blank"> <a href="https://docs.piped.video/" target="_blank">
<font-awesome-icon :icon="['fa', 'book']" /> <font-awesome-icon :icon="['fa', 'book']" />
<span v-t="'actions.documentation'" class="ml-2 hover:font-bold" /> <span v-t="'actions.documentation'" class="ml-2 hover:underline" />
</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 v-t="'actions.donations'" class="ml-2 hover:font-bold" /> <span v-t="'actions.donations'" class="ml-2 hover:underline" />
</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 v-t="'actions.status_page'" class="ml-2 hover:font-bold" /> <span v-t="'actions.status_page'" class="ml-2 hover:underline" />
</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 v-t="'actions.instance_donations'" class="ml-2 hover:font-bold" /> <span v-t="'actions.instance_donations'" class="ml-2 hover:underline" />
</a> </a>
<a v-if="privacyPolicyHref" :href="privacyPolicyHref" target="_blank"> <a v-if="privacyPolicyHref" :href="privacyPolicyHref" target="_blank">
<font-awesome-icon :icon="['fa', 'eye']" /> <font-awesome-icon :icon="['fa', 'eye']" />
<span v-t="'actions.instance_privacy_policy'" class="ml-2 hover:font-bold" /> <span v-t="'actions.instance_privacy_policy'" class="ml-2 hover:underline" />
</a> </a>
</footer> </footer>
</template> </template>

4
src/components/NavBar.vue
View file

@ -230,11 +230,11 @@ export default {
} }
.nav-link { .nav-link {
@apply hover:font-bold hover:text-red-500; @apply hover:text-red-500;
} }
.dark .nav-link { .dark .nav-link {
@apply hover:font-bold hover:text-red-400; @apply hover:text-red-400;
} }
@media screen and (max-width: 848px) { @media screen and (max-width: 848px) {

4
src/components/VideoItem.vue
View file

@ -212,7 +212,7 @@ export default {
@apply mt-1 text-xs text-gray-600 font-normal; @apply mt-1 text-xs text-gray-600 font-normal;
} }
.video-info .dark { .dark .video-info {
@apply text-gray-300; @apply text-gray-400;
} }
</style> </style>