Merge pull request #96 from tangly1024/preview

Live2d Animate bug

components/Live2D.js

@@ -23,7 +23,7 @@ export default function Live2D () {
     }
   }, [init])
 
-  return <canvas id="live2d" className='animate__slideInUp animate__animated cursor-pointer' width="280" height="250" onClick={switchTheme} alt='切换主题' title='切换主题'/>
+  return <canvas id="live2d" className='cursor-pointer' width="280" height="250" onClick={switchTheme} alt='切换主题' title='切换主题'/>
 }
 
 function initLive2D () {

themes/empty/LayoutBase.js

@@ -28,7 +28,11 @@ const LayoutBase = props => {
       {/* 内容主体 */}
       <main id="wrapper" className="flex justify-center flex-1 pb-12">
         <div className="max-w-4xl px-3">{children}</div>
-        <div><Live2D/></div>
+        <div >
+          <div className='sticky top-0 z-40'>
+          <Live2D/>
+          </div>
+        </div>
       </main>
       <footer
       className='font-sans dark:bg-gray-900 flex-shrink-0  justify-center text-center m-auto w-full leading-6 text-sm p-6'

themes/fukasawa/components/AsideLeft.js

@@ -45,7 +45,7 @@ function AsideLeft (props) {
     <section className='sticky top-0 pt-12'>
       <Catalog toc={post?.toc}/>
       <div className='flex justify-center'>
-        {slot}
+        <div>{slot}</div>
       </div>
     </section>
   </div>