weitao
/
popiart-node-canvas
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

design: align folder icon and title inline in empty state, add 'change later' note 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 4 months ago
parent
60b5a35b14
commit
23dc407f10
1 changed files with 20 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 40
      src/components/quickstart/WorkflowBrowserView.tsx

40
src/components/quickstart/WorkflowBrowserView.tsx
View File

@ -171,29 +171,29 @@ export function WorkflowBrowserView({
</div> </div>
)} )}
<div className="flex flex-col items-center gap-4 py-8"> <div className="flex flex-col items-center gap-4 py-8">
<div className="w-12 h-12 rounded-xl bg-neutral-700/50 flex items-center justify-center"> <div className="flex items-center gap-2.5">
<svg <div className="w-9 h-9 rounded-lg bg-neutral-700/50 flex items-center justify-center">
className="w-6 h-6 text-neutral-400" <svg
fill="none" className="w-5 h-5 text-neutral-400"
viewBox="0 0 24 24" fill="none"
stroke="currentColor" viewBox="0 0 24 24"
strokeWidth={1.5} stroke="currentColor"
> strokeWidth={1.5}
<path >
strokeLinecap="round" <path
strokeLinejoin="round" strokeLinecap="round"
d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" strokeLinejoin="round"
/> d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
</svg> />
</div> </svg>
<div className="text-center"> </div>
<h2 className="text-lg font-medium text-neutral-200 mb-1"> <h2 className="text-lg font-medium text-neutral-200">
Your Workflows Your Workflows
</h2> </h2>
<p className="text-sm text-neutral-500 max-w-xs">
Choose a folder that contains your workflow projects
</p>
</div> </div>
<p className="text-sm text-neutral-500 max-w-xs text-center">
Choose a folder that contains your workflow projects. You can change this later.
</p>
<button <button
onClick={browseAndSetDir} onClick={browseAndSetDir}
className="px-4 py-2 text-sm font-medium text-neutral-200 bg-neutral-700 hover:bg-neutral-600 rounded-lg transition-colors" className="px-4 py-2 text-sm font-medium text-neutral-200 bg-neutral-700 hover:bg-neutral-600 rounded-lg transition-colors"

Write Preview
Loading…
Cancel
Save