From 5f782d8314d836c66b72ed5a872f8cf9d0ccab07 Mon Sep 17 00:00:00 2001
From: emengweb <emengweb@gmail.com>
Date: Wed, 18 Oct 2023 11:29:02 +0800
Subject: [PATCH] optimize icon width by url

---
 themes/nav/components/BlogPostCard.js | 3 ++-
 themes/nav/components/LogoBar.js      | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/themes/nav/components/BlogPostCard.js b/themes/nav/components/BlogPostCard.js
index 0b64cb40..41d654d3 100755
--- a/themes/nav/components/BlogPostCard.js
+++ b/themes/nav/components/BlogPostCard.js
@@ -7,11 +7,12 @@ import React from 'react'
 const BlogPostCard = ({ post, className }) => {
   const router = useRouter()
   const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
+  const pageIcon = post.pageIcon.startsWith("http") ? post.pageIcon+"&width=88" : post.pageIcon
   return (
     <Link href={`${removeHttp(post.slug)}`} target={(checkRemoveHttp(post.slug) ? '_blank' : '_self')} passHref>
         <div key={post.id} className={`${className} h-full rounded-lg p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white rounded-2xl dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
                 <div className="stack-entry w-full flex space-x-3 select-none dark:text-neutral-200">
-                    <NotionIcon icon={post.pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />
+                    <NotionIcon icon={pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />
                     <div className="stack-comment flex-auto">
                         <p className="title font-bold">{post.title}</p>
                         <p className="description font-normal">{post.summary ? post.summary : '暂无简介'}</p>
diff --git a/themes/nav/components/LogoBar.js b/themes/nav/components/LogoBar.js
index 771992bf..ffef14ee 100755
--- a/themes/nav/components/LogoBar.js
+++ b/themes/nav/components/LogoBar.js
@@ -12,6 +12,7 @@ import CONFIG from '../config'
 export default function LogoBar(props) {
   const { siteInfo } = props
   const { pageNavVisible, changePageNavVisible } = useNavGlobal()
+  // const logo = siteInfo?.icon?.replaceAll("width=400", "width=280")
 
   const togglePageNavVisible = () => {
     changePageNavVisible(!pageNavVisible)
@@ -23,7 +24,7 @@ export default function LogoBar(props) {
             </div> */}
             <div className='md:w-48'>
               <a href='/' className='grid justify-items-center text-md md:text-xl dark:text-gray-200'>
-                  <LazyImage src={siteInfo?.icon} height='44px' alt={BLOG.AUTHOR} className='md:block' placeholderSrc=''/>
+                  <LazyImage src={siteInfo?.icon?.replaceAll("width=400", "width=280")} height='44px' alt={BLOG.AUTHOR + ' - ' + BLOG.NEXT_PUBLIC_BIO} className='md:block' placeholderSrc=''/>
                   {CONFIG.SHOW_TITLE_TEXT && siteInfo?.title}
               </a>
             </div>