update: ui

This commit is contained in:
ctwj
2025-11-21 00:21:55 +08:00
parent fc4cf8ecfb
commit 6c84b8d7b7
2 changed files with 3 additions and 3 deletions

View File

@@ -2,7 +2,7 @@
<div> <div>
<!-- 暗色模式切换按钮 --> <!-- 暗色模式切换按钮 -->
<button <button
class="fixed top-4 right-4 z-50 w-8 h-8 flex items-center justify-center rounded-full shadow-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 transition-all duration-200 hover:bg-blue-100 dark:hover:bg-blue-900 hover:scale-110 focus:outline-none" class="fixed top-4 left-4 z-50 w-8 h-8 flex items-center justify-center rounded-full shadow-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 transition-all duration-200 hover:bg-blue-100 dark:hover:bg-blue-900 hover:scale-110 focus:outline-none"
@click="toggleDarkMode" @click="toggleDarkMode"
aria-label="切换明暗模式" aria-label="切换明暗模式"
> >

View File

@@ -25,9 +25,9 @@
</h1> </h1>
<!-- 右侧导航按钮 --> <!-- 右侧导航按钮 -->
<nav class="mt-4 flex flex-col sm:flex-row justify-center gap-2 sm:gap-2 right-4 top-0 absolute"> <nav class="mt-4 flex flex-row justify-center gap-2 right-4 top-0 absolute">
<!-- 返回首页按钮 --> <!-- 返回首页按钮 -->
<NuxtLink to="/" class="hidden sm:flex"> <NuxtLink to="/" class="flex">
<n-button size="tiny" type="tertiary" round ghost class="!px-2 !py-1 !text-xs !text-white dark:!text-white !border-white/30 hover:!border-white"> <n-button size="tiny" type="tertiary" round ghost class="!px-2 !py-1 !text-xs !text-white dark:!text-white !border-white/30 hover:!border-white">
<i class="fas fa-arrow-left text-xs"></i> <i class="fas fa-arrow-left text-xs"></i>
<span class="ml-1">返回首页</span> <span class="ml-1">返回首页</span>