Skip to content

Commit 466b340

Browse files
committed
fix: homepage gradient for safari
1 parent d921793 commit 466b340

1 file changed

Lines changed: 10 additions & 2 deletions

File tree

src/routes/[network]/(homepage)/components/hero.svelte

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -227,6 +227,10 @@
227227
</svg>
228228

229229
<style>
230+
body {
231+
position: relative;
232+
}
233+
230234
body::before {
231235
background: linear-gradient(to bottom, transparent 70svh, var(--color-background) 100svh),
232236
radial-gradient(
@@ -254,8 +258,12 @@
254258
content: '';
255259
filter: url(#n);
256260
}
257-
body {
258-
position: relative;
261+
262+
/* Safari can't use the noise filter */
263+
@supports (-webkit-hyphens: none) {
264+
body::before {
265+
filter: none;
266+
}
259267
}
260268
</style>
261269
{/snippet}

0 commit comments

Comments
 (0)