fix(drawing): fix blur not showing in safari (#669)

ChenCodes · web-flow · commit d5c0adb8a84a · 2021-01-14T12:00:58.000-08:00
* fix(drawing): fix blur not showing in safari
diff --git a/src/drawing/DrawingSVG.tsx b/src/drawing/DrawingSVG.tsx
@@ -18,7 +18,7 @@ export function DrawingSVG({ className, children, ...rest }: Props, ref: React.R
             {...rest}
         >
             <defs>
-                <filter filterUnits="userSpaceOnUse" height="100vh" id="ba-DrawingSVG-shadow" width="100vw">
+                <filter filterUnits="userSpaceOnUse" id="ba-DrawingSVG-shadow">
                     <feGaussianBlur in="SourceGraphic" stdDeviation="1" />
                 </filter>
             </defs>

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export function DrawingSVG({ className, children, ...rest }: Props, ref: React.R`
`18`	`18`	`{...rest}`
`19`	`19`	`>`
`20`	`20`	`<defs>`
`21`		`- <filter filterUnits="userSpaceOnUse" height="100vh" id="ba-DrawingSVG-shadow" width="100vw">`
	`21`	`+ <filter filterUnits="userSpaceOnUse" id="ba-DrawingSVG-shadow">`
`22`	`22`	`<feGaussianBlur in="SourceGraphic" stdDeviation="1" />`
`23`	`23`	`</filter>`
`24`	`24`	`</defs>`