重构布局组件,优化导航栏和头部结构;调整样式以改善响应式设计

This commit is contained in:
2025-06-09 11:17:38 +08:00
parent 5ba7d45e97
commit 1383f2028a
13 changed files with 119 additions and 39 deletions

View File

@@ -52,10 +52,10 @@ export default function UserCenter() {
<span>{profile.name}</span>
</Button>
</HoverCardTrigger>
<HoverCardContent className="w-40 p-1" align="end">
<HoverCardContent className="w-36 p-1" align="end">
<Button
theme="ghost"
className="w-full justify-start"
className="w-full justify-start text-sm h-9 px-3"
onClick={() => router.push('/admin/profile')}>
<UserPenIcon/>
@@ -63,7 +63,7 @@ export default function UserCenter() {
<Button
theme="ghost"
color="fail"
className="w-full justify-start"
className="w-full justify-start text-sm h-9 px-3"
onClick={doLogout}>
<LogOutIcon/>
退

View File

@@ -10,7 +10,8 @@ export default function Page(props: ComponentProps<'main'> & PageProps) {
<main
{...props}
className={merge(
`flex-auto rounded-tl-xl overflow-hidden relative`,
`relative size-full`,
props.className,
)}>
{/* background */}

View File

@@ -28,7 +28,7 @@ export default function StoreProvider(props: ProfileProviderProps) {
const layout = useRef<StoreApi<LayoutStore>>(null)
if (!layout.current) {
console.log('📦 create layout store')
layout.current = createLayoutStore()
layout.current = createLayoutStore(window.matchMedia(`(min-width: 1024px)`).matches)
}
return (

View File

@@ -107,7 +107,7 @@ function Pagination({
const paginationItems = generatePaginationItems()
return (
<div className={`flex items-center justify-between gap-4 ${className || ''}`}>
<div className={`flex flex-wrap items-center justify-end gap-4 ${className || ''}`}>
<div className="flex-none flex items-center gap-2 text-sm text-muted-foreground">
{' '}