refactor: 移除未使用的导入和优化Navbar组件的逻辑

web/src/components/blog-home.tsx

@@ -14,7 +14,6 @@ import { useStoredState } from '@/hooks/use-storage-state';
 import { listLabels } from "@/api/label";
 import { POST_SORT_TYPE } from "@/localstore";
 
-
 // 定义排序类型
 type SortType = 'latest' | 'popular';
 

web/src/components/blog-post.tsx

@@ -4,6 +4,7 @@ import { Calendar, Clock, FileText, Flame, Heart, MessageCircle, PenLine, Square
 import { MDXRemote } from "next-mdx-remote-client/rsc";
 import ScrollToTop from "@/components/scroll-to-top.client";
 import { RenderMarkdown } from "@/components/markdown";
+import { isMobileByUA } from "@/utils/server/device";
 
 function PostMeta({ post }: { post: Post }) {
   return (
@@ -59,9 +60,10 @@ function PostMeta({ post }: { post: Post }) {
   );
 }
 
-function PostHeader({ post }: { post: Post }) {
+async function PostHeader({ post }: { post: Post }) {
+  const isMobile = await isMobileByUA();
   return (
-    <div className="relative py-32">
+    <div className={`relative ${isMobile ? "py-16" : "py-32"}`}>
       {/* 背景层 */}
       <div
         className="pointer-events-none absolute inset-0 left-1/2 right-1/2 w-screen -translate-x-1/2 bg-gradient-to-bl from-blue-700 to-purple-700 dark:from-blue-500 dark:to-purple-500"

web/src/components/navbar.tsx

@@ -15,7 +15,7 @@ import {
 import GravatarAvatar from "@/components/gravatar"
 import { useDevice } from "@/contexts/device-context"
 import config from "@/config"
-import { useState, useEffect } from "react"
+import { useState } from "react"
 import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "@/components/ui/sheet"
 import { Menu } from "lucide-react"
 import { Switch } from "./ui/switch"
@@ -64,10 +64,8 @@ export function Navbar() {
 }
 
 function NavMenuCenter() {
-    const { isMobile } = useDevice()
-    if (isMobile) return null
     return (
-        <NavigationMenu viewport={false}>
+        <NavigationMenu viewport={false} className="hidden md:block">
             <NavigationMenuList className="flex space-x-1">
                 {navbarMenuComponents.map((item) => (
                     <NavigationMenuItem key={item.title}>
@@ -123,19 +121,13 @@ function ListItem({
 }
 
 function SidebarMenuClientOnly() {
-    const [mounted, setMounted] = useState(false);
-    useEffect(() => setMounted(true), []);
-    if (!mounted) return null;
     return <SidebarMenu />;
 }
 
 function SidebarMenu() {
     const [open, setOpen] = useState(false)
-    const { isMobile } = useDevice()
-
-    if (!isMobile) return null
-
     return (
+        <div className="md:hidden">
             <Sheet open={open} onOpenChange={setOpen}>
                 <SheetTrigger asChild>
                     <button
@@ -179,6 +171,7 @@ function SidebarMenu() {
                         )}
                     </nav>
                 </SheetContent>
-        </Sheet>
+            </Sheet></div>
+
     )
 }