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
commit
23dc407f10
  1. 40
      src/components/quickstart/WorkflowBrowserView.tsx

40
src/components/quickstart/WorkflowBrowserView.tsx

@ -171,29 +171,29 @@ export function WorkflowBrowserView({
</div>
)}
<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">
<svg
className="w-6 h-6 text-neutral-400"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={1.5}
>
<path
strokeLinecap="round"
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>
<div className="text-center">
<h2 className="text-lg font-medium text-neutral-200 mb-1">
<div className="flex items-center gap-2.5">
<div className="w-9 h-9 rounded-lg bg-neutral-700/50 flex items-center justify-center">
<svg
className="w-5 h-5 text-neutral-400"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={1.5}
>
<path
strokeLinecap="round"
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>
<h2 className="text-lg font-medium text-neutral-200">
Your Workflows
</h2>
<p className="text-sm text-neutral-500 max-w-xs">
Choose a folder that contains your workflow projects
</p>
</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
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"

Loading…
Cancel
Save