diff options
| author | Aaron Iker <[email protected]> | 2025-12-22 12:41:38 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-12-22 05:41:38 -0600 |
| commit | 5fd873a35a19de2f9e89c420158d5697746d2983 (patch) | |
| tree | 583ef90753cbe5ddba07bc6a23112dc326fcc0e7 /packages/ui/src/components/dialog.css | |
| parent | a9fbd786b3262a659620298b8071671452b497f1 (diff) | |
| download | opencode-5fd873a35a19de2f9e89c420158d5697746d2983.tar.gz opencode-5fd873a35a19de2f9e89c420158d5697746d2983.zip | |
feat: polish dialog & list styles for the desktop app, add fixed logos from models.dev (#5925)
Diffstat (limited to 'packages/ui/src/components/dialog.css')
| -rw-r--r-- | packages/ui/src/components/dialog.css | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css index 6fa71c64c..782f2570c 100644 --- a/packages/ui/src/components/dialog.css +++ b/packages/ui/src/components/dialog.css @@ -4,7 +4,7 @@ position: fixed; inset: 0; z-index: 50; - background-color: transparent; + background-color: hsl(from var(--background-base) h s l / 0.2); /* animation: overlayHide 250ms ease 100ms forwards; */ /**/ @@ -43,13 +43,14 @@ /* padding: 8px; */ /* padding: 8px 8px 0 8px; */ - border: 1px solid var(--border-base); + border: 1px solid hsl(from var(--border-base) h s l / 0.2); border-radius: var(--radius-xl); background: var(--surface-raised-stronger-non-alpha); + background-clip: padding-box; box-shadow: - 0 15px 45px 0 rgba(19, 16, 16, 0.22), - 0 3.35px 10.051px 0 rgba(19, 16, 16, 0.13), - 0 0.998px 2.993px 0 rgba(19, 16, 16, 0.09); + 0 15px 45px 0 rgba(19, 16, 16, 0.35), + 0 3.35px 10.051px 0 rgba(19, 16, 16, 0.25), + 0 0.998px 2.993px 0 rgba(19, 16, 16, 0.2); /* animation: contentHide 300ms ease-in forwards; */ /**/ @@ -59,8 +60,7 @@ [data-slot="dialog-header"] { display: flex; - padding: 16px; - padding-left: 20px; + padding: 16px 16px 16px 24px; justify-content: space-between; align-items: center; flex-shrink: 0; |