isle
/
website
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style💄: update footer bug
continuous-integration/drone/push Build is passing Details

main
isboyjc 2024-06-04 18:59:48 +08:00
parent 1695386238
commit 7a4a5330ba
1 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
.vitepress/theme/components/CustomFooter.vue
View File

@ -7,67 +7,67 @@ const { theme, frontmatter, lang } = useData()
<template>
<footer v-if="theme.footer && frontmatter.footer != false" :class="{ 'has-sidebar': theme.sidebar && frontmatter.footer != false && frontmatter.layout !== 'home' }">
<div className="w-full text-sm px-6 sm:px-8 md:px-28 lg:px-20 xl:px-0 max-w-screen-lg mx-auto border-t border-t-solid border-t-[var(--vp-c-gray-3)] pt-6">
<div className="grid grid-cols-12 gap-8 py-12 text-[var(--vp-c-text-2)] transition-colors duration-150 border-b lt-sm:grid-cols-1 border-border">
<div className="col-span-4 lt-sm:col-span-1">
<div className="flex flex-col items-start lt-sm:items-center h-10">
<div class="w-full text-sm px-6 sm:px-8 md:px-28 lg:px-20 xl:px-0 max-w-screen-lg mx-auto border-t border-t-solid border-t-[var(--vp-c-gray-3)] pt-6">
<div class="grid grid-cols-12 gap-8 py-12 text-[var(--vp-c-text-2)] transition-colors duration-150 border-b lt-sm:grid-cols-1 border-border">
<div class="col-span-4 lt-sm:col-span-1">
<div class="flex flex-col items-start lt-sm:items-center h-10">
<div class="flex items-center">
<CustomLogo />
<span class="font-bold text-[var(--vp-c-text-1)] text-16px">{{ t(lang, 'title') }}</span>
</div>
</div>
</div>
<div className="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p className="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
<div class="col-span-2 lt-sm:col-span-1">
<ul class="flex flex-col flex-initial md:flex-1">
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.product') }}
</p>
</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.web') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.desktop') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.mobile') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.webplugin') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.web') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.desktop') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.mobile') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.product.webplugin') }}</li>
</ul>
</div>
<div className="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p className="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
<div class="col-span-2 lt-sm:col-span-1">
<ul class="flex flex-col flex-initial md:flex-1">
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.resource') }}
</p>
</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.guide') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.faq') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.extend') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.guide') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.faq') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.resource.extend') }}</li>
</ul>
</div>
<div className="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p className="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
<div class="col-span-2 lt-sm:col-span-1">
<ul class="flex flex-col flex-initial md:flex-1">
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.team') }}
</p>
</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.aboutus') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.origin') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.contactus') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.support') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.aboutus') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.origin') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.contactus') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.team.support') }}</li>
</ul>
</div>
<div className="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p className="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
<div class="col-span-2 lt-sm:col-span-1">
<ul class="flex flex-col flex-initial md:flex-1">
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">
<p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.other') }}
</p>
</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.other.ua') }}</li>
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.other.pa') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.other.ua') }}</li>
<li class="py-3 md:py-0 md:pb-4 lt-sm:text-center">{{ t(lang, 'footer.other.pa') }}</li>
</ul>
</div>
</div>
<div className="flex justify-start items-center flex-wrap lt-sm:justify-center py-4">
<div class="flex justify-start items-center flex-wrap lt-sm:justify-center py-4">
<span class="text-[var(--vp-c-text-2)] text-sm">{{ t(lang, 'footer.desc1') }}</span>
<a
class="text-sm [var(--vp-c-text-2)] mx-4px"
@ -78,7 +78,7 @@ const { theme, frontmatter, lang } = useData()
VitePress
</a>
<span class="mr-6px text-[var(--vp-c-text-2)] text-sm">{{ t(lang, 'footer.desc2') }}.</span>
<span className="text-[var(--vp-c-text-2)] text-sm">
<span class="text-[var(--vp-c-text-2)] text-sm">
{{ `© 2023-${new Date().getFullYear()} ${t(lang, 'title')} - ${t(lang, 'company')} ${t(lang, 'footer.desc3')}. ` }}
</span>
<span class="inline-flex items-center">