From 10398272c19d1666e48038accd9f5585afdc0850 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 15 Nov 2023 00:35:13 +0800
Subject: [PATCH] feat: add edit action sticky

---
 src/client/components/dashboard/Dashboard.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/client/components/dashboard/Dashboard.tsx b/src/client/components/dashboard/Dashboard.tsx
index 6de6ca3..453143d 100644
--- a/src/client/components/dashboard/Dashboard.tsx
+++ b/src/client/components/dashboard/Dashboard.tsx
@@ -8,6 +8,7 @@ import { Button, Empty, message } from 'antd';
 import { DateFilter } from '../DateFilter';
 import { trpc } from '../../api/trpc';
 import { useCurrentWorkspace, useCurrentWorkspaceId } from '../../store/user';
+import clsx from 'clsx';
 
 export const Dashboard: React.FC = React.memo(() => {
   const { isEditMode, switchEditMode, layouts, items } = useDashboardStore();
@@ -46,7 +47,12 @@ export const Dashboard: React.FC = React.memo(() => {
 
   return (
     <div className="py-4">
-      <div className="flex gap-2 justify-end">
+      <div
+        className={clsx(
+          'flex gap-2 justify-end bg-white py-2',
+          isEditMode && 'sticky top-0 z-10'
+        )}
+      >
         {isEditMode ? (
           <>
             <DashboardItemAddButton />