feat: enhance UI components and add accordion functionality

- Updated DraggableWindow.vue to improve shadow effects.
- Refactored AboutWindow.vue for better structure and readability.
- Added chatbot functionality in chatbot.vue with cookie management.
- Improved navigation component for better code clarity.
- Created a new chat history table in the database schema.
- Modified error handling in error.vue to display error messages correctly.
- Integrated ChatbotWindow into the desktop application layout.
- Implemented accordion component in home.vue for Q/A section.
- Enhanced API for chat functionality with improved error handling.
- Removed unused routes for cleaner codebase.
- Added custom animations for accordion components in tailwind.config.js.
- Developed accordion UI components (Accordion, AccordionContent, AccordionItem, AccordionTrigger) for better user interaction.
This commit is contained in:
yuanhau 2025-05-13 09:40:37 +08:00
parent f89e6aaa48
commit 5bf857f3cd
21 changed files with 402 additions and 182 deletions

View file

@ -1,16 +1,25 @@
<template>
<div class="justify-center align-center text-center flex flex-col">
<div class="flex flex-col">
<span class=text-xl>為什麼要做網站</span>
<span>1. 台灣媒體真的很爛要嘛有超多偏見或是比較偏小孩不能看的新聞 (aka 擦邊通過的</span>
<span>2. 這個網站是為了讓大家可以更方便的比較新聞可以分析新聞的偏見</span>
<span>3. <span class="line-through"> TailwindCSS</span></span>
</div>
<hr/>
<div class="flex flex-col">
<span class=text-xl>關於開發者</span>
<span class="text-center align-center justify-center">開發者yh</span>
<span class="text-center align-center justify-center">聯絡信箱<a href="mailto:public+newscompareauthor@yuanhau.com">public@yuanhau.com</a></span>
</div>
<div class="justify-center align-center text-center flex flex-col">
<div class="flex flex-col">
<span class="text-xl">為什麼要做網站</span>
<span
>1. 台灣媒體真的很爛要嘛有超多偏見或是比較偏小孩不能看的新聞 (aka
擦邊通過的</span
>
<span
>2. 這個網站是為了讓大家可以更方便的比較新聞可以分析新聞的偏見</span
>
<span>3. <span class="line-through"> TailwindCSS</span></span>
</div>
<hr />
<div class="flex flex-col">
<span class="text-xl">關於開發者</span>
<span class="text-center align-center justify-center">開發者yh</span>
<span class="text-center align-center justify-center"
>聯絡信箱<a href="mailto:public+newscompareauthor@yuanhau.com"
>public@yuanhau.com</a
></span
>
</div>
</div>
</template>