chore(website): tailwind important; footer

This commit is contained in:
Simon
2026-03-17 00:29:13 +08:00
parent 80dda37f8c
commit 92196ac793
5 changed files with 15 additions and 10 deletions

View File

@@ -9,7 +9,7 @@ import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
const __dirname = dirname(fileURLToPath(import.meta.url)) const __dirname = dirname(fileURLToPath(import.meta.url))
// Load .env from repo root // Load .env from repo root
dotenvConfig({ path: resolve(__dirname, '../../.env') }) dotenvConfig({ path: resolve(__dirname, '../../.env'), quiet: true })
// UMD Bundle for CDN // UMD Bundle for CDN
// - alias all local packages so that they can be build in // - alias all local packages so that they can be build in

View File

@@ -13,26 +13,27 @@ export default function Footer() {
<div className="max-w-7xl mx-auto px-6 py-6"> <div className="max-w-7xl mx-auto px-6 py-6">
<div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0"> <div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
<div className="text-gray-600 dark:text-gray-300 text-sm text-center md:text-left"> <div className="text-gray-600 dark:text-gray-300 text-sm text-center md:text-left">
<p>© 2026 page-agent. All rights reserved.</p>
<p> <p>
Built with by{' '}
<a <a
href="https://x.com/simonluvramen" href="https://x.com/simonluvramen"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="hover:text-gray-900 dark:hover:text-white transition-colors duration-200" className="inline-block bg-[linear-gradient(60deg,#39b6ff_0%,#bd45fb_33%,#ff5733_66%,#ffd600_100%)] bg-clip-text text-xs leading-none text-transparent font-mono transition-opacity duration-200 hover:opacity-85"
> >
Simon Simon.
</a> </a>
</p> </p>
<p className="text-gray-600 dark:text-gray-300 text-xs mt-0.5">
© 2026 page-agent. All rights reserved.
</p>
</div> </div>
<div className="flex items-center space-x-6"> <div className="flex items-center">
<a <a
href="https://github.com/alibaba/page-agent/blob/main/docs/terms-and-privacy.md" href="https://github.com/alibaba/page-agent/blob/main/docs/terms-and-privacy.md"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 text-sm" className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 text-sm mr-4"
> >
{isZh ? '使用条款与隐私' : 'Terms & Privacy'} {isZh ? '使用条款与隐私' : 'Terms & Privacy'}
</a> </a>
@@ -40,7 +41,7 @@ export default function Footer() {
href="https://x.com/simonluvramen" href="https://x.com/simonluvramen"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200" className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 mr-4"
aria-label="X (Twitter)" aria-label="X (Twitter)"
> >
<svg <svg

View File

@@ -1,4 +1,5 @@
@import 'tailwindcss' important; @config '../tailwind.config.js';
@import 'tailwindcss';
@import 'tw-animate-css'; @import 'tw-animate-css';
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));

View File

@@ -0,0 +1,3 @@
export default {
important: '#root',
}

View File

@@ -13,7 +13,7 @@ const pageAgentPkg = JSON.parse(
) )
// Load .env from repo root // Load .env from repo root
dotenvConfig({ path: resolve(__dirname, '../../.env') }) dotenvConfig({ path: resolve(__dirname, '../../.env'), quiet: true })
// All SPA routes that need index.html copies for direct access on static hosts // All SPA routes that need index.html copies for direct access on static hosts
const SPA_ROUTES = [ const SPA_ROUTES = [