fix: ui update

Signed-off-by: Innei <[email protected]>

Author: Innei

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

@@ -15,7 +15,7 @@ export const HeaderWithShadow: Component = ({ children }) => {
     <header
       data-hide-print
       className={clsx(
-        'fixed left-0 right-0 top-0 z-[9] ml-[calc(100vw-100%)] h-[4.5rem] overflow-hidden transition-shadow duration-200',
+        'fixed left-0 right-0 top-0 z-[9] h-[4.5rem] overflow-hidden transition-shadow duration-200 lg:ml-[calc(100vw-100%)]',
         showShadow &&
           'shadow-none shadow-neutral-100 dark:shadow-neutral-800/50 lg:shadow-sm',
       )}

src/components/widgets/post/PostActionAside.tsx

@@ -19,6 +19,7 @@ import {
   useCurrentPostDataSelector,
 } from '~/providers/post/CurrentPostDataProvider'
 import { useModalStack } from '~/providers/root/modal-stack-provider'
+import { useIsEoFWrappedElement } from '~/providers/shared/WrappedElementProvider'
 
 import {
   ActionAsideContainer,
@@ -72,7 +73,10 @@ const PostAsideCommentButton = () => {
         id: data?.id,
       }
     }) || {}
+  const isEof = useIsEoFWrappedElement()
   if (!id) return null
+  if (isEof) return null
+
   return <AsideCommentButton refId={id} title={title!} />
 }
 

src/components/widgets/post/fab/PostTagsFAB.tsx

@@ -21,6 +21,7 @@ export const PostTagsFAB = () => {
       onClick={() => {
         present({
           content: TagsModal,
+          clickOutsideToDismiss: true,
           title: '标签云',
         })
       }}

src/components/widgets/shared/ActionAsideContainer.tsx

@@ -28,7 +28,7 @@ export const ActionAsideContainer: Component = ({ className, children }) => {
   return (
     <div
       className={clsxm(
-        'absolute bottom-0 left-0 -mb-4 max-h-[300px] flex-col space-y-8 p-4 transition-all duration-200 ease-in-out',
+        'absolute bottom-0 left-0 -mb-4 max-h-[300px] flex-col space-y-6 p-4 transition-all duration-200 ease-in-out',
         !isEOA ? 'opacity-20 hover:opacity-100' : '',
         className,
         isEndOfPage && 'bottom-[100px]',