hexo组件样式微调

themes/hexo/components/Header.js

@@ -107,7 +107,9 @@ export default function Header () {
     >
       <div className="absolute flex flex-col h-full items-center justify-center w-full font-sans">
         <div className='text-4xl md:text-5xl text-white shadow-text'>{BLOG.TITLE}</div>
-        <div id='typed' className='flex h-10 items-center text-center text-lg shadow-text text-white'/>
+        <div className='mt-2 h-12 items-center text-center shadow-text text-white text-lg'>
+          <span id='typed'/>
+        </div>
       </div>
       <div
         onClick={() => {

themes/hexo/components/LatestPostsGroup.js

@@ -25,10 +25,9 @@ const LatestPostsGroup = ({ posts }) => {
         const selected = currentPath === `${BLOG.PATH}/article/${post.slug}`
         return (
           <Link key={post.id} title={post.title} href={`${BLOG.PATH}/article/${post.slug}`} passHref>
-            <a className={ 'my-1 mx-5 flex font-light'}>
+            <a className={ 'my-1 flex '}>
               <div className={ (selected ? 'text-white  bg-blue-400 ' : 'text-gray-500 dark:text-gray-400 ') + ' text-xs py-1.5 flex overflow-x-hidden whitespace-nowrap hover:bg-blue-400 px-2 duration-200 w-full rounded ' +
                 'hover:text-white dark:hover:text-white cursor-pointer items-center'}>
-                <i className='mr-2 fas fa-file-alt'/>
                 <div className='truncate'>{post.title}</div>
               </div>
             </a>