mirror of
https://github.com/ctwj/urldb.git
synced 2025-11-25 03:15:04 +08:00
update: ui
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<!-- 暗色模式切换按钮 -->
|
||||
<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"
|
||||
aria-label="切换明暗模式"
|
||||
>
|
||||
|
||||
@@ -25,9 +25,9 @@
|
||||
</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">
|
||||
<i class="fas fa-arrow-left text-xs"></i>
|
||||
<span class="ml-1">返回首页</span>
|
||||
|
||||
Reference in New Issue
Block a user