From 3df9e7a7b9b868aca8dd3003ab9616b8550597a6 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Mon, 15 Jan 2024 16:04:31 -0600 Subject: [PATCH] Add web shadow --- src/components/Dialog/index.web.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index b98ddae5e8..d1d25a9019 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -90,7 +90,7 @@ export function Outer({ style={[ web(a.fixed), a.inset_0, - t.atoms.bg_contrast_100, + t.atoms.bg, {opacity: 0.8}, ]} /> @@ -144,7 +144,13 @@ export function Inner({ a.border, gtMobile ? a.p_xl : a.p_lg, t.atoms.bg, - {maxWidth: 600, borderColor: t.palette.contrast_200}, + { + maxWidth: 600, + borderColor: t.palette.contrast_200, + shadowColor: t.palette.black, + shadowOpacity: t.name === 'light' ? 0.1 : 0.4, + shadowRadius: 30, + }, ...(Array.isArray(style) ? style : [style || {}]), ]}> {children}