mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 13:04:23 +00:00
feat: enhance UI components with improved styles and new windows; add error handling and copyright information
This commit is contained in:
parent
eaa9b15b2d
commit
1065a982b0
10 changed files with 142 additions and 78 deletions
|
@ -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>
|
||||
|
|
13
components/app/info/copyright.vue
Normal file
13
components/app/info/copyright.vue
Normal 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() }} © yh</span>
|
||||
</div>
|
||||
</template>
|
2
components/app/windows/about.vue
Normal file
2
components/app/windows/about.vue
Normal file
|
@ -0,0 +1,2 @@
|
|||
<template>
|
||||
</template>
|
10
components/app/windows/error404.vue
Normal file
10
components/app/windows/error404.vue
Normal 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>
|
|
@ -43,7 +43,7 @@ try {
|
|||
<ul v-for="ititit in itit">
|
||||
<li v-if="ititit.content?.[0].content[0] !== item.title">
|
||||
-
|
||||
<a :href="ititit.content?.[0].attributes?.href">{{
|
||||
<a :href="ititit.content?.[0].attributes?.href" target="_blank">{{
|
||||
ititit.content?.[0].content[0]
|
||||
}}</a>
|
||||
-
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue