estel/estel_docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改页眉

Browse Source
This commit is contained in:
estel
2025-07-25 12:40:27 +08:00
parent 6b105daff6
commit e0582c0d79
3 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/css/main.css
View File

@@ -19,6 +19,10 @@
--color-green-950: #052E16; --color-green-950: #052E16;
} }
:root {
--ui-header-height: --spacing(16);
}
/* 主题字体样式 */ /* 主题字体样式 */
.font-sans-serif { .font-sans-serif {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

17
app/components/AppHeader.vue
View File

@@ -16,9 +16,10 @@ const props = withDefaults(defineProps<Props>(), {
</script> </script>
<template> <template>
<header <Uheader
class="header bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 sticky top-0 z-50" class="header bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 sticky top-0 z-50"
> >
<div class="px-2 sm:px-4 lg:px-6"> <div class="px-2 sm:px-4 lg:px-6">
<div class="flex justify-between items-center h-12"> <div class="flex justify-between items-center h-12">
<!-- 汉堡菜单按钮 - 只在移动端显示 --> <!-- 汉堡菜单按钮 - 只在移动端显示 -->
@@ -55,12 +56,12 @@ const props = withDefaults(defineProps<Props>(), {
</button> </button>
<UContentSearchButton v-if="header?.search" class="lg:hidden" /> <UContentSearchButton v-if="header?.search" class="lg:hidden" />
<div class="ml-auto"> <div class="ml-auto flex items-center space-x-2">
<UColorModeButton v-if="header?.colorMode" /> <UColorModeSwitch />
<!-- Settings Button --> <!-- Settings Button -->
<button <button
class="p-2 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" class="ml-auto p-2 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
title="页面设置" title="页面设置"
@click="isSettingsOpen = !isSettingsOpen" @click="isSettingsOpen = !isSettingsOpen"
> >
@@ -72,7 +73,7 @@ const props = withDefaults(defineProps<Props>(), {
</div> </div>
<!-- User Actions - Mobile and Desktop --> <!-- User Actions - Mobile and Desktop -->
<div class="hidden sm:flex items-center space-x-2"> <div class="flex items-center space-x-2">
<NuxtLink <NuxtLink
to="/login" to="/login"
class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors" class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors"
@@ -86,7 +87,7 @@ const props = withDefaults(defineProps<Props>(), {
<UButton icon="lucide-rocket">注册</UButton> <UButton icon="lucide-rocket">注册</UButton>
</NuxtLink> </NuxtLink>
<!-- Mobile Menu Button --> <!-- Mobile Menu Button -->
<div class="sm:hidden"> <!-- <div class="sm:hidden">
<NuxtLink <NuxtLink
to="/login" to="/login"
class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors" class="px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors"
@@ -99,7 +100,7 @@ const props = withDefaults(defineProps<Props>(), {
> >
注册 注册
</NuxtLink> </NuxtLink>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -108,5 +109,5 @@ const props = withDefaults(defineProps<Props>(), {
:is-open="isSettingsOpen" :is-open="isSettingsOpen"
@close="isSettingsOpen = false" @close="isSettingsOpen = false"
/> />
</header> </Uheader>
</template> </template>