chore(website): improve perf on mobile

guilhermerodz · Feb 19, 2024 · 8cbe06e · 8cbe06e
1 parent f4d99e5
commit 8cbe06e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/website/src/app/(local-pages)/example-playground/code.tsx b/website/src/app/(local-pages)/example-playground/code.tsx
@@ -99,10 +99,10 @@ ${tsx}
 
 export function ExampleCode() {
   return (
-    <div className="relative code-example w-full overflow-hidden">
+    <div className="relative code-example w-full overflow-hidden opacity-0 animate-fade-in [animation-delay:5000ms] lg:animate-none">
       <Code code={code} toCopy={tsx} />
 
-      <div className="absolute inset-0 code-example-overlay pointer-events-none z-20 [animation-delay:5000ms]"></div>
+      <div className="hidden lg:[display:unset] absolute inset-0 code-example-overlay pointer-events-none z-20 [animation-delay:5000ms]"></div>
 
       {/* Anchor */}
       <div className="code-example-anchor absolute pointer-events-none w-px h-px -top-[5.5rem]" />