feat: update toggle components and enhance chatbot layout; upgrade dependencies and improve UI structure

This commit is contained in:
yuanhau 2025-05-13 09:57:48 +08:00
parent 5bf857f3cd
commit 28240b38dc
9 changed files with 212 additions and 29 deletions

View file

@ -1,4 +1,5 @@
<script setup lang="ts">
import { History, Plus } from "lucide-vue-next";
const { t } = useI18n();
const cookie = useCookie("lastChatId");
const lastChatId = cookie.value;
@ -9,5 +10,20 @@ onMounted(() => {
});
</script>
<template>
<div class="justify-center align-center text-center flex flex-col">Hi</div>
<div class="justify-center align-center text-center flex flex-col">
<div class="flex flex-row justify-between">
<div>Chat Name</div>
<div class="flex flex-row justify-center align-center text-center">
<div class="flex flex-row justify-center align-center text-center gap-2">
<button class="p-2 rounded-lg hover:bg-gray-300">
<History class="h-4 w-4" />
</button>
<button class="p-2 rounded-lg hover:bg-gray-300">
<Plus class="h-4 w-4" />
</button>
</div>
</div>
</div>
<hr/>
</div>
</template>