feat: remove border to projects and add new shadow

moonbamijam · Mar 9, 2024 · 7633f18 · 7633f18
1 parent a31cd9e
commit 7633f18
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/components/ui/ProjectCard.tsx b/components/ui/ProjectCard.tsx
@@ -1,7 +1,7 @@
 import { ProjectType } from "@shared-types/project";
 import Image from "next/image";
 import Link from "next/link";
-import DefaultBanner from "@assets/default-banner.webp"
+import DefaultBanner from "@assets/default-banner.webp";
 import GitHubBtn from "@components/buttons/GitHubBtn";
 import WebsiteBtn from "@components/buttons/WebsiteBtn";
 
@@ -15,7 +15,7 @@ const ProjectCard = ({
   github,
 }: ProjectType) => {
   return (
-    <div className="card relative w-[400px] rounded-xl flex flex-col bg-transparent overflow-hidden">
+    <div className="cursor-pointer hover:shadow-gray-500 hover:shadow-lg hover:-translate-y-2 relative w-[400px] rounded-xl flex flex-col overflow-hidden">
       <Link href={href}>
         <Image
           src={src ? `${src}` : DefaultBanner}
@@ -25,7 +25,7 @@ const ProjectCard = ({
           loading="lazy"
           placeholder="blur"
           blurDataURL="URL"
-          className="w-full h-[200px] object-cover"
+          className="w-full h-[200px] rounded-xl object-cover"
         />
         <div className="details px-[30px] py-[30px]">
           <h1 className="truncate text-2xl font-bold px-2">{title}</h1>

diff --git a/styles/globals.css b/styles/globals.css
@@ -44,9 +44,6 @@ body {
 .active {
   @apply bg-highlight text-white;
 }
-.card {
-  @apply cursor-pointer border border-gray-500 hover:shadow-md hover:shadow-gray-500 hover:-translate-y-4;
-}
 .button-format {
   @apply text-center w-[150px] h-[50px] py-[15px] rounded-lg;
 }