mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 04:54:23 +00:00
吳元皓
e081c54624
- Refactored footer.vue to improve link formatting. - Updated nuxt.config.ts to include shadcn-nuxt and added necessary HTML attributes and meta tags for SEO. - Added new dependencies in package.json for class-variance-authority, clsx, lucide-vue-next, reka-ui, shadcn-nuxt, tailwind-merge, and tailwindcss-animate. - Cleaned up unused template tags in headlines.vue, index.vue, and news/[provider]/[slug].vue. - Simplified sources.vue template structure. - Improved login.vue styles for better animation. - Enhanced google.ts API handler for better error handling and code clarity. - Updated find/newsOrg.ts to ensure consistent code style. - Added CSS variables and improved Tailwind configuration in main.css and tailwind.config.js. - Created components.json for shadcn integration and added new UI components (Alert, Button, Progress) with respective styles and variants. - Implemented utility functions in utils.ts for class name merging and value updating.
43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<template>
|
|
<div class="w-full min-h-screen flex items-center justify-center text-center">
|
|
<div
|
|
class="border border-white w-[40%] p-16 justify-center align-center text-center rounded-md backdrop-blur-sm bg-gray-900"
|
|
>
|
|
<h1 class="text-2xl">Login / Register</h1>
|
|
<h4 class="text-sm">via OAuth Providers</h4>
|
|
<div class="m-4 flex flex-col gap-2">
|
|
<a href="/api/auth/google">
|
|
<button
|
|
class="gap-3 px-10 justify-between align-center text-center bg-gray-500 hover:bg-gray-700 p-2 rounded-md transition-all duration-150"
|
|
>
|
|
<i class="bi bi-google"></i> <span>Google</span>
|
|
</button>
|
|
</a>
|
|
<a href="/api/auth/github">
|
|
<button
|
|
class="gap-3 px-10 bg-gray-500 hover:bg-gray-700 p-2 rounded-md transition-all duration-150"
|
|
>
|
|
<i class="bi bi-github"></i> <span>Github</span>
|
|
</button>
|
|
</a>
|
|
<a href="/api/auth/discord">
|
|
<button
|
|
class="gap-3 px-10 bg-gray-500 hover:bg-gray-700 p-2 rounded-md transition-all duration-150"
|
|
>
|
|
<i class="bi bi-discord"></i> <span>Discord</span>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
@keyframes animateLoginLoad {
|
|
0% {
|
|
transform: translateY(-5%);
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
</style>
|