UI polish Phase 1: quick wins (empty-canvas state, selection badge, contrast, FA icons, preset grid, assets empty state) #6

Merged
jknapp merged 7 commits from ui-polish-phase1 into main 2026-07-13 03:22:51 +00:00
3 changed files with 3 additions and 5 deletions
Showing only changes of commit 72f85a97e5 - Show all commits
+1 -1
View File
@@ -20,7 +20,7 @@ export const RenderNode: React.FC<RenderNodeProps> = ({ render }) => {
const { id, isSelected, dom, name, parent } = useNode((node) => ({
isSelected: node.events.selected,
dom: node.dom,
name: node.data.custom?.displayName || node.data.displayName,
name: (node.data.props?.aiName as string) || node.data.displayName,
parent: node.data.parent,
}));
+1 -3
View File
@@ -118,9 +118,7 @@ export const AssetsPanel: React.FC = () => {
onDrop={handleDrop}
onDragOver={handleDragOver}
onDragLeave={handleDragLeave}
onClick={assets.length === 0 ? () => fileInputRef.current?.click() : undefined}
role={assets.length === 0 ? 'button' : undefined}
tabIndex={assets.length === 0 ? 0 : undefined}
{...(assets.length === 0 ? clickableProps(() => fileInputRef.current?.click()) : {})}
style={{
display: 'flex',
flexDirection: 'column',
+1 -1
View File
@@ -394,7 +394,7 @@ export const PagesPanel: React.FC = () => {
cursor: 'pointer',
}}
>
<i className="fa fa-trash" />
<i className="fa fa-trash" aria-hidden="true" />
</button>
)}
</div>