fix: fab style

Signed-off-by: Innei <[email protected]>
Innei · Jun 17, 2023 · fc5ca16 · fc5ca16 · vercel · Jun 17, 2023
1 parent d459308
commit fc5ca16
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/src/components/layout/header/config.ts b/src/components/layout/header/config.ts
@@ -74,21 +74,22 @@ export const headerMenuConfig: IHeaderMenu[] = [
     icon: h(FaSolidUserFriends),
     path: '/friends',
   },
-  {
-    title: '之言',
-    icon: h(FaSolidComment),
-    path: '/recently',
-  },
-  {
-    title: '项目',
-    icon: h(MdiFlask),
-    path: '/projects',
-  },
+
   {
     title: '其他',
     icon: h(FaSolidCircleNotch),
     path: '/favorite/music',
     subMenu: [
+      {
+        title: '之言',
+        icon: h(FaSolidComment),
+        path: '/recently',
+      },
+      {
+        title: '项目',
+        icon: h(MdiFlask),
+        path: '/projects',
+      },
       {
         title: '一言',
         path: '/says',

diff --git a/src/components/ui/fab/FABContainer.tsx b/src/components/ui/fab/FABContainer.tsx
@@ -93,7 +93,10 @@ export const FABBase = (
   return (
     <button
       className={clsxm(
-        'mt-2 inline-flex h-8 w-8 items-center justify-center rounded-md border border-accent bg-base-100 text-accent opacity-50 transition-all duration-300 hover:opacity-100 focus:opacity-100 focus:outline-none',
+        'mt-2 inline-flex h-10 w-10 items-center justify-center',
+        'border border-accent transition-all duration-300 hover:opacity-100 focus:opacity-100 focus:outline-none',
+        'rounded-xl border border-zinc-400/20 bg-base-100/80 shadow-lg backdrop-blur-lg dark:border-zinc-500/30 dark:bg-zinc-800/80 dark:text-zinc-200',
+        'bg-base-100 shadow-lg',
         (!show || appearTransition) && 'translate-x-[60px]',
         !mounted && 'hidden',
         className,

diff --git a/src/components/ui/float-popover/FloatPopover.tsx b/src/components/ui/float-popover/FloatPopover.tsx
@@ -235,6 +235,8 @@ export const FloatPopover: FC<
                 aria-modal="true"
                 className={clsxm(
                   'bg-base-100 !shadow-out-sm focus:!shadow-out-sm focus-visible:!shadow-out-sm',
+                  'rounded-xl border border-zinc-400/20 bg-base-100/80 p-4 shadow-lg outline-none backdrop-blur-lg dark:border-zinc-500/30',
+
                   headless && styles['headless'],
                   animate && styles['animate'],
                   type === 'tooltip'

diff --git a/src/components/ui/float-popover/index.module.css b/src/components/ui/float-popover/index.module.css
@@ -1,5 +1,5 @@
 .popover-root {
-  @apply relative z-[2] overflow-hidden rounded-lg p-4 shadow-out-sm;
+  @apply relative z-[2] overflow-hidden p-4 shadow-out-sm;
 }
 
 .popover-root,