Simon/lifeforge
1
0
Fork 0
mirror of https://github.com/Lifeforge-app/lifeforge.git synced 2026-03-03 02:57: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: ( children: (
<> <>
<ContextMenuItem <ContextMenuItem
icon={canLayoutChange ? 'tabler:lock' : 'tabler:pencil'} icon='tabler:pencil'
label={'Edit Layout'} label={'Edit Layout'}
namespace="common.dashboard" namespace="common.dashboard"
onClick={() => { onClick={() => {
@@ -54,10 +54,10 @@ function DashboardContent() {
<div className="fixed right-6 bottom-6 z-50"> <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="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="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>
<div className="flex items-center gap-2"> <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> </div>
</div> </div>

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

@@ -106,7 +106,7 @@ function ComponentListItem({
} }
return ( 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="flex items-center gap-3">
<div <div
className={clsx( className={clsx(