fix-heo

themes/heo/components/FloatTocButton.js

@@ -18,9 +18,9 @@ export default function FloatTocButton(props) {
     return <></>
   }
 
-  return (<div className='fixed right-4 bottom-12'>
+  return (<div className='fixed right-4 bottom-24'>
         {/* 按钮 */}
-        <div onClick={toggleToc} className={'hover:scale-110 transform duration-200 text-black dark:text-gray-200 w-10 h-10 rounded-full bg-white drop-shadow-lg flex justify-center items-center dark:bg-hexo-black-gray py-2 px-2'}>
+        <div onClick={toggleToc} className={'select-none hover:scale-110 transform duration-200 text-black dark:text-gray-200 w-10 h-10 rounded-full bg-white drop-shadow-lg flex justify-center items-center dark:bg-hexo-black-gray py-2 px-2'}>
             <button id="toc-button" className={'fa-list-ol cursor-pointer fas'} />
         </div>
 

themes/heo/index.js

@@ -39,7 +39,7 @@ import FloatTocButton from './components/FloatTocButton'
  * @constructor
  */
 const LayoutBase = props => {
-  const { children, headerSlot, slotTop, slotRight, meta, siteInfo } = props
+  const { children, headerSlot, slotTop, slotRight, meta, siteInfo, className } = props
   const { onLoading } = useGlobal()
 
   // 加载主题样式
@@ -70,7 +70,7 @@ const LayoutBase = props => {
                         leave="transition ease-in-out duration-300 transform"
                         leaveFrom="opacity-100"
                         leaveTo="opacity-0 -translate-y-16"
-                        className='w-full h-auto'
+                        className={`w-full h-auto px-5 lg:px-0 ${className || ''}`}
                         unmount={false}
                     >
                         {/* 主区上部嵌入 */}

themes/plog/components/SlideOvers.js

@@ -12,8 +12,8 @@ export default function SlideOvers({ children, cRef }) {
   const [open, setOpen] = useState(false)
   const slideOversRef = useRef({})
   /**
-         * 函数组件暴露方法
-         */
+  * 函数组件暴露方法
+  */
   useImperativeHandle(cRef, () => ({
     toggleSlideOvers: toggleSlideOvers
   }))