From ad2bac1ef69d403502972155ba2a0c30eb57fb12 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Tue, 4 Feb 2025 20:35:46 +0800
Subject: [PATCH] =?UTF-8?q?Magzine=E4=B8=BB=E9=A2=98=E5=8A=A0=E5=85=A5Logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/magzine/components/Header.js  |  2 +-
 themes/magzine/components/LogoBar.js | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/themes/magzine/components/Header.js b/themes/magzine/components/Header.js
index 852fa015..d7afd4e7 100644
--- a/themes/magzine/components/Header.js
+++ b/themes/magzine/components/Header.js
@@ -148,7 +148,7 @@ export default function Header(props) {
           <>
             {/* 左侧图标Logo */}
             <div className='flex gap-x-2 lg:gap-x-4 h-full'>
-              <LogoBar className={'text-sm md:text-md lg:text-lg'} />
+              <LogoBar {...props} className={'text-sm md:text-md lg:text-lg'} />
               {/* 桌面端顶部菜单 */}
               <ul className='hidden md:flex items-center gap-x-4 py-1 text-sm md:text-md'>
                 {links &&
diff --git a/themes/magzine/components/LogoBar.js b/themes/magzine/components/LogoBar.js
index 8e2aae2b..25490c47 100644
--- a/themes/magzine/components/LogoBar.js
+++ b/themes/magzine/components/LogoBar.js
@@ -1,22 +1,24 @@
+import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 
-export default function LogoBar({ className }) {
+export default function LogoBar({ siteInfo, className }) {
   return (
     <div
       id='top-wrapper'
       className={`w-full flex items-center ${className || ''}`}>
       <Link
         href='/'
-        className='logo flex font-semibold hover:bg-black hover:text-white p-2 rounded-xl duration-200 dark:text-gray-200'>
-        {/* <LazyImage
+        className='inline-flex items-center whitespace-nowrap logo font-semibold hover:bg-black hover:text-white p-2 rounded-xl duration-200 dark:text-gray-200'>
+        <LazyImage
+          priority
           src={siteInfo?.icon}
           width={24}
           height={20}
           alt={siteConfig('AUTHOR')}
-          className='mr-2 hidden md:block rounded-full'
-        /> */}
-        {siteConfig('TITLE')}
+          className='mr-2 hidden md:inline-block'
+        />
+        <span>{siteConfig('TITLE')}</span>
       </Link>
     </div>
   )