diff options
| author | Rahul A Mistry <[email protected]> | 2026-02-03 17:49:07 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-02-03 06:19:07 -0600 |
| commit | 0d557721cffc2cfb17e3b40354f94f5ee00393d0 (patch) | |
| tree | fdfecb467338511a1c6fe85c1fa2cabdd41dfd6e | |
| parent | e709808b3214afcf5ab8582829d1339a9eac79c0 (diff) | |
| download | opencode-0d557721cffc2cfb17e3b40354f94f5ee00393d0.tar.gz opencode-0d557721cffc2cfb17e3b40354f94f5ee00393d0.zip | |
fix(app): edit project dialog icon on hover (#11921)
| -rw-r--r-- | packages/app/src/components/dialog-edit-project.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/app/src/components/dialog-edit-project.tsx b/packages/app/src/components/dialog-edit-project.tsx index 490753e62..622daee7a 100644 --- a/packages/app/src/components/dialog-edit-project.tsx +++ b/packages/app/src/components/dialog-edit-project.tsx @@ -158,22 +158,22 @@ export function DialogEditProject(props: { project: LocalProject }) { </Show> </div> <div - class="absolute inset-0 size-16 bg-black/60 rounded-[6px] z-10 pointer-events-none flex items-center justify-center transition-opacity" + class="absolute inset-0 size-16 bg-surface-raised-stronger-non-alpha/90 rounded-[6px] z-10 pointer-events-none flex items-center justify-center transition-opacity" classList={{ "opacity-100": store.iconHover && !store.iconUrl, "opacity-0": !(store.iconHover && !store.iconUrl), }} > - <Icon name="cloud-upload" size="large" class="text-icon-invert-base" /> + <Icon name="cloud-upload" size="large" class="text-icon-on-interactive-base drop-shadow-sm" /> </div> <div - class="absolute inset-0 size-16 bg-black/60 rounded-[6px] z-10 pointer-events-none flex items-center justify-center transition-opacity" + class="absolute inset-0 size-16 bg-surface-raised-stronger-non-alpha/90 rounded-[6px] z-10 pointer-events-none flex items-center justify-center transition-opacity" classList={{ "opacity-100": store.iconHover && !!store.iconUrl, "opacity-0": !(store.iconHover && !!store.iconUrl), }} > - <Icon name="trash" size="large" class="text-icon-invert-base" /> + <Icon name="trash" size="large" class="text-icon-on-interactive-base drop-shadow-sm" /> </div> </div> <input id="icon-upload" type="file" accept="image/*" class="hidden" onChange={handleInputChange} /> |