Merge pull request #182 from BibliothecaDAO/main

test image pixelated class
BibliothecaDAO · Mar 30, 2024 · ef04cd1 · ef04cd1
2 parents a97be2a + 8a37a30
commit ef04cd1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx b/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx
@@ -39,7 +39,7 @@ export const L2ERC721Card = ({
               <Image
                 src={token.image}
                 alt={token.name ?? `beasts-${token.token_id}`}
-                className={isGrid ? "mx-auto" : ""}
+                className={'disable-blur ' + isGrid ? "mx-auto disable-blur" : ""}
                 width={imageSize}
                 height={imageSize}
               />

diff --git a/config/styles/globals.css b/config/styles/globals.css
@@ -137,3 +137,8 @@ body::-webkit-scrollbar-thumb,
 svg image {
   image-rendering: pixelated;
 }
+@layer components {
+  .disable-blur{
+    image-rendering: pixelated;
+  }
+}