重构布局组件,优化导航栏和头部结构;调整样式以改善响应式设计
This commit is contained in:
@@ -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/>
|
||||
退出登录
|
||||
|
||||
@@ -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 */}
|
||||
|
||||
@@ -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 (
|
||||
|
||||
@@ -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">
|
||||
共
|
||||
{' '}
|
||||
|
||||
Reference in New Issue
Block a user