monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

update: align edit project dialog padding and avatar styles

Browse Source
This commit is contained in:
David Hill
2026-01-19 15:43:50 +00:00
parent c7f0cb3d2d
commit 89be504abc
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/app/src/components/dialog-edit-project.tsx
View File

@@ -78,7 +78,7 @@ export function DialogEditProject(props: { project: LocalProject }) {
return ( return (
<Dialog title="Edit project"> <Dialog title="Edit project">
<form onSubmit={handleSubmit} class="flex flex-col gap-6 px-2.5 pb-3"> <form onSubmit={handleSubmit} class="flex flex-col gap-6 p-6">
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<TextField <TextField
autofocus autofocus
@@ -145,15 +145,20 @@ export function DialogEditProject(props: { project: LocalProject }) {
{(color) => ( {(color) => (
<button <button
type="button" type="button"
class="relative size-8 rounded-md transition-all"
classList={{ classList={{
"ring-2 ring-offset-2 ring-offset-surface-base ring-text-interactive-base": "flex items-center justify-center size-10 p-0.5 rounded-lg overflow-hidden transition-colors cursor-default": true,
"bg-transparent border-2 border-icon-strong-base hover:bg-surface-base-hover":
store.color === color, store.color === color,
"bg-transparent border border-transparent hover:bg-surface-base-hover hover:border-border-weak-base":
store.color !== color,
}} }}
style={{ background: getAvatarColors(color).background }}
onClick={() => setStore("color", color)} onClick={() => setStore("color", color)}
> >
<Avatar fallback={store.name || defaultName()} {...getAvatarColors(color)} class="size-full" /> <Avatar
fallback={store.name || defaultName()}
{...getAvatarColors(color)}
class="size-full rounded"
/>
</button> </button>
)} )}
</For> </For>