feat: enhance UI components with improved styles and new windows; add error handling and copyright information

This commit is contained in:
yuanhau 2025-05-12 23:05:42 +08:00
parent eaa9b15b2d
commit 1065a982b0
10 changed files with 142 additions and 78 deletions

View file

@ -76,13 +76,13 @@ const stopDrag = () => {
<div class="flex flex-row gap-1">
<button
@click="emit('min')"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded transition duration-200"
>
</button>
<button
@click="emit('maximize')"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded transition duration-200"
>
</button>

View file

@ -0,0 +1,13 @@
<script setup lang="ts">
const { t } = useI18n();
</script>
<template>
<div class="gap-2 flex flex-row">
<!--版權資訊-->
<span class="text-sm">1.0.0</span>
<span class="text-sm">|</span>
<span class="text-sm">MIT {{ t("app.license") }}</span>
<span class="text-sm">|</span>
<span class="text-sm">{{ new Date().getFullYear() }} &copy yh</span>
</div>
</template>

View file

@ -0,0 +1,2 @@
<template>
</template>

View file

@ -0,0 +1,10 @@
<template>
<div class="justify-center align-center text-center flex flex-col">
<span class="text-7xl m-4 m-1 mb-0 text-center align-center justify-center"
>404</span
>
<span class="text-2xl text-center align-center justify-center"
>User interface Not Found</span
>
</div>
</template>

View file

@ -43,7 +43,7 @@ try {
<ul v-for="ititit in itit">
<li v-if="ititit.content?.[0].content[0] !== item.title">
&nbsp; -
<a :href="ititit.content?.[0].attributes?.href">{{
<a :href="ititit.content?.[0].attributes?.href" target="_blank">{{
ititit.content?.[0].content[0]
}}</a>
-

View file

@ -20,7 +20,7 @@ const toggleDropdown = () => {
class="fixed top-0 inset-x-0 bg-[#81611a]/70 backdrop-blur-sm h-[55px] flex align-center items-center flex-row text-white pl-4 gap-x-5 justify-between z-50 rounded-3xl m-2"
>
<div class="text-3xl text-bold">
<NuxtLink :to="localePath('home')" ref="title">BlindSpec</NuxtLink>
<NuxtLink :to="localePath('home')" ref="title">{{ t("core.sitename") }}</NuxtLink>
</div>
<div
class="text-[0.9em] left-1/2 absolute transform -translate-x-1/2 space-x-4 items-center"