Remove blur on firefox

Fredthedoggy · Fredthedoggy · commit f13e25c166f3 · 2022-03-24T21:32:45.000-04:00
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -9,7 +9,7 @@ import { ToolboxTool, Tools } from "../components/nav";
 function Toolbox({ Component, pageProps }: AppProps) {
   return (
     <div css={tw`bg-dark text-white`}>
-      <div css={tw`bg-dark absolute h-full`}>
+      <div css={tw`bg-dark absolute h-full z-10`}>
         {(
           [
             {
@@ -61,7 +61,7 @@ function Toolbox({ Component, pageProps }: AppProps) {
         ))}
       </div>
       <GlobalStyles />
-      <div css={tw`backdrop-blur-sm z-10`}>
+      <div css={tw`backdrop-blur-sm relative z-20`}>
         <div
           css={tw`text-white w-full md:px-8 p-2 h-14 flex flex-row text-white md:px-12`}
         >

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ import { ToolboxTool, Tools } from "../components/nav";`
`9`	`9`	`function Toolbox({ Component, pageProps }: AppProps) {`
`10`	`10`	`return (`
`11`	`11`	<div css={tw`bg-dark text-white`}>
`12`		- <div css={tw`bg-dark absolute h-full`}>
	`12`	+ <div css={tw`bg-dark absolute h-full z-10`}>
`13`	`13`	`{(`
`14`	`14`	`[`
`15`	`15`	`{`
`@@ -61,7 +61,7 @@ function Toolbox({ Component, pageProps }: AppProps) {`
`61`	`61`	`))}`
`62`	`62`	`</div>`
`63`	`63`	`<GlobalStyles />`
`64`		- <div css={tw`backdrop-blur-sm z-10`}>
	`64`	+ <div css={tw`backdrop-blur-sm relative z-20`}>
`65`	`65`	`<div`
`66`	`66`	css={tw`text-white w-full md:px-8 p-2 h-14 flex flex-row text-white md:px-12`}
`67`	`67`	`>`