Simon/lifeforge
1
0
Fork 0
mirror of https://github.com/Lifeforge-app/lifeforge.git synced 2026-03-03 00:27:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(dashboard): update layout editing indicators and save button icon

Browse Source
This commit is contained in:
lukashow
2026-02-08 17:52:59 +08:00
parent e94393426f
commit adba5353bc
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/core/dashboard/index.tsx
View File

@@ -27,7 +27,7 @@ function DashboardContent() {
children: (
<>
<ContextMenuItem
icon={canLayoutChange ? 'tabler:lock' : 'tabler:pencil'}
icon='tabler:pencil'
label={'Edit Layout'}
namespace="common.dashboard"
onClick={() => {
@@ -54,10 +54,10 @@ function DashboardContent() {
<div className="fixed right-6 bottom-6 z-50">
<div className="bg-bg-100 dark:bg-bg-800 rounded-md shadow-lg p-4 flex items-center gap-4">
<div className="min-w-0">
<div className="text-sm font-medium">Editing Dashboard Layout</div>
<div className="text-sm font-medium">You are Editing Dashboard Layout</div>
</div>
<div className="flex items-center gap-2">
<Button onClick={() => setCanLayoutChange(false)}>Save</Button>
<Button icon='tabler:device-floppy' onClick={() => setCanLayoutChange(false)}>Save</Button>
</div>
</div>
</div>

2
client/src/core/dashboard/modals/ManageWidgetsModal/components/ComponentItem.tsx
View File

@@ -106,7 +106,7 @@ function ComponentListItem({
}
return (
<li className="flex-between bg-bg-50 shadow-custom dark:bg-bg-800/50 flex gap-8 rounded-lg p-4">
<li className="flex-between bg-bg-50 shadow-custom dark:bg-bg-800/50 flex gap-8 rounded-lg p-4" onClick={toggleComponent}>
<div className="flex items-center gap-3">
<div
className={clsx(