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> <template>
<footer v-if="theme.footer && frontmatter.footer != false" :class="{ 'has-sidebar': theme.sidebar && frontmatter.footer != false && frontmatter.layout !== 'home' }"> <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 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 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 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 className="col-span-4 lt-sm:col-span-1"> <div class="col-span-4 lt-sm:col-span-1">
<div className="flex flex-col items-start lt-sm:items-center h-10"> <div class="flex flex-col items-start lt-sm:items-center h-10">
<div class="flex items-center"> <div class="flex items-center">
<CustomLogo /> <CustomLogo />
<span class="font-bold text-[var(--vp-c-text-1)] text-16px">{{ t(lang, 'title') }}</span> <span class="font-bold text-[var(--vp-c-text-1)] text-16px">{{ t(lang, 'title') }}</span>
</div> </div>
</div> </div>
</div> </div>
<div className="col-span-2 lt-sm:col-span-1"> <div class="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1"> <ul class="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center"> <li class="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"> <p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.product') }} {{ t(lang, 'footer.product') }}
</p> </p>
</li> </li>
<li className="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.web') }}</li>
<li className="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.desktop') }}</li>
<li className="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.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.webplugin') }}</li>
</ul> </ul>
</div> </div>
<div className="col-span-2 lt-sm:col-span-1"> <div class="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1"> <ul class="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center"> <li class="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"> <p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.resource') }} {{ t(lang, 'footer.resource') }}
</p> </p>
</li> </li>
<li className="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.guide') }}</li>
<li className="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.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.extend') }}</li>
</ul> </ul>
</div> </div>
<div className="col-span-2 lt-sm:col-span-1"> <div class="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1"> <ul class="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center"> <li class="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"> <p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.team') }} {{ t(lang, 'footer.team') }}
</p> </p>
</li> </li>
<li className="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.aboutus') }}</li>
<li className="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.origin') }}</li>
<li className="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.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.support') }}</li>
</ul> </ul>
</div> </div>
<div className="col-span-2 lt-sm:col-span-1"> <div class="col-span-2 lt-sm:col-span-1">
<ul className="flex flex-col flex-initial md:flex-1"> <ul class="flex flex-col flex-initial md:flex-1">
<li className="py-3 md:py-0 md:pb-4 lt-sm:text-center"> <li class="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"> <p class="font-bold text-[var(--vp-c-text-2)] transition duration-150 ease-in-out">
{{ t(lang, 'footer.other') }} {{ t(lang, 'footer.other') }}
</p> </p>
</li> </li>
<li className="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.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.pa') }}</li>
</ul> </ul>
</div> </div>
</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> <span class="text-[var(--vp-c-text-2)] text-sm">{{ t(lang, 'footer.desc1') }}</span>
<a <a
class="text-sm [var(--vp-c-text-2)] mx-4px" class="text-sm [var(--vp-c-text-2)] mx-4px"
@ -78,7 +78,7 @@ const { theme, frontmatter, lang } = useData()
VitePress VitePress
</a> </a>
<span class="mr-6px text-[var(--vp-c-text-2)] text-sm">{{ t(lang, 'footer.desc2') }}.</span> <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')}. ` }} {{ `© 2023-${new Date().getFullYear()} ${t(lang, 'title')} - ${t(lang, 'company')} ${t(lang, 'footer.desc3')}. ` }}
</span> </span>
<span class="inline-flex items-center"> <span class="inline-flex items-center">