sandvich
/
opencode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: border, shadow improvements dialog

ui-improvements-some-animations
Aaron Iker 2026-01-08 13:42:40 +01:00
parent 78f3810776
commit 85dd5e1a40
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/dialog.css
View File

@ -43,7 +43,11 @@
/* padding: 8px; */
/* padding: 8px 8px 0 8px; */
border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent);
border: 1px solid
light-dark(
color-mix(in oklch, var(--border-base) 30%, transparent),
color-mix(in oklch, var(--border-base) 50%, transparent)
);
border-radius: var(--radius-xl);
background: var(--surface-raised-stronger-non-alpha);
background-clip: padding-box;

4
packages/ui/src/styles/theme.css
View File

@ -55,8 +55,8 @@
0 4px 8px -2px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.15)),
0 1px 2px light-dark(hsl(0 0% 0% / 0.1), hsl(0 0% 0% / 0.15));
--shadow-lg:
0 16px 48px -6px light-dark(hsl(0 0% 0% / 0.075), hsl(0 0% 0% / 0.15)),
0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1)),
0 16px 48px -6px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.15)),
0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1)),
0 1px 2.5px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1));
--shadow-xs-border:
0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.2)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),