feat(ui): update image card style

mateusfg7 · Mar 1, 2024 · 3c62041 · 3c62041
1 parent 06705a8
commit 3c62041
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/app/about/_components/image-card.tsx b/src/app/about/_components/image-card.tsx
@@ -5,9 +5,23 @@ import Tilt from 'react-parallax-tilt'
 import { placeholder } from '../../../lib/placeholder'
 
 export function ImageCard({ mobile = false }) {
+  if (mobile) {
+    return (
+      <Image
+        src="https://github.com/mateusfg7.png"
+        height={460}
+        width={460}
+        alt="Mateus Felipe's picture"
+        className="my-5 rounded-3xl border border-neutral-800 object-cover dark:border-neutral-500"
+        placeholder={placeholder(460, 460) as `data:image/${string}`}
+        priority
+      />
+    )
+  }
+
   return (
     <Tilt
-      className="w-fit overflow-hidden rounded-3xl shadow-2xl dark:shadow-black"
+      className="w-fit overflow-hidden rounded-3xl shadow-xl dark:shadow-none"
       tiltMaxAngleX={5}
       tiltMaxAngleY={5}
       glarePosition="all"
@@ -24,9 +38,7 @@ export function ImageCard({ mobile = false }) {
         height={460}
         width={460}
         alt="Mateus Felipe's picture"
-        className={`object-cover dark:brightness-75 ${
-          !mobile && 'h-[30rem] w-96'
-        }`}
+        className="h-[30rem] w-96 object-cover dark:brightness-90"
         placeholder={placeholder(460, 460) as `data:image/${string}`}
         priority
       />