fix: icons not aligned & modal window height not enough (#217)

Author: zhuozhiyongde

src/components/layout/header/internal/HeaderDrawerButton.tsx

@@ -36,7 +36,7 @@ export const HeaderDrawerButton = () => {
 
                 <Dialog.Content>
                   <m.dialog
-                    className="fixed left-0 right-0 top-0 z-[12] m-0 block w-full overflow-auto rounded-xl bg-base-100/90 px-3 backdrop-blur-sm"
+                    className="fixed left-0 right-0 top-0 z-[12] m-0 block h-screen w-full overflow-auto rounded-xl bg-base-100/90 px-3 backdrop-blur-sm"
                     initial={{ opacity: 0.8 }}
                     animate={{ opacity: 1 }}
                     exit={{ opacity: 0 }}

src/components/widgets/post/PostActionAside.tsx

@@ -128,7 +128,7 @@ const LikeButton = () => {
     >
       <m.i
         className={clsxm(
-          'hover:text-uk-orange-light hover:opacity-100',
+          'relative flex hover:text-uk-orange-light hover:opacity-100',
           asideButtonStyles.base,
 
           isLiked && 'text-uk-orange-dark',
@@ -145,7 +145,7 @@ const LikeButton = () => {
       >
         <ThumbsupIcon />
         {!!likeCount && (
-          <span className="absolute bottom-[5px] right-0 translate-x-[8px] transform text-[10px]">
+          <span className="absolute bottom-0 right-0 translate-x-[8px] transform text-[10px]">
             <NumberSmoothTransition>{likeCount}</NumberSmoothTransition>
           </span>
         )}