🎨 feat: Update project card height in Project and UIProject components

SamsShow · Sep 4, 2024 · 3b9d79f · 3b9d79f
1 parent 3f0865c
commit 3b9d79f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/components/project.tsx b/components/project.tsx
@@ -32,7 +32,7 @@ export default function Project({
       }}
       className="group mb-3 sm:mb-8 last:mb-0"
     >
-      <section className="bg-gray-100 max-w-[42rem] border border-black/5 rounded-lg overflow-hidden sm:pr-8 relative sm:h-[20rem] hover:bg-gray-200 transition sm:group-even:pl-8 dark:text-white dark:bg-white/10 dark:hover:bg-white/20">
+      <section className="bg-gray-100 max-w-[42rem] border border-black/5 rounded-lg overflow-hidden sm:pr-8 relative sm:h-[23rem] hover:bg-gray-200 transition sm:group-even:pl-8 dark:text-white dark:bg-white/10 dark:hover:bg-white/20 pb-14">
         <div className="pt-4 pb-7 px-5 sm:pl-10 sm:pr-2 sm:pt-10 sm:max-w-[50%] flex flex-col h-full sm:group-even:ml-[18rem]">
           {/* <h3 className="text-2xl font-semibold">{title}</h3> */}
           <h3 className="text-2xl font-semibold hover:cursor-pointer">{title}</h3>

diff --git a/components/ui.tsx b/components/ui.tsx
@@ -34,7 +34,7 @@ export default function UIProject({
       }}
       className="group mb-3 sm:mb-8 last:mb-0"
     >
-      <section className="bg-gray-100 max-w-[50rem] border border-black/5 rounded-lg overflow-hidden p-3 sm:pr-8 relative sm:h-[25rem] hover:bg-gray-200 transition sm:group-even:pl-8 dark:text-white dark:bg-white/10 dark:hover:bg-white/20">
+      <section className="bg-gray-100 max-w-[50rem] border border-black/5 rounded-lg overflow-hidden p-3 sm:pr-8 relative sm:h-[29rem] hover:bg-gray-200 transition sm:group-even:pl-8 dark:text-white dark:bg-white/10 dark:hover:bg-white/20 pb-14">
         <div className="pt-4 pb-7 px-5 sm:pl-10 sm:pr-2 sm:pt-10 sm:max-w-[50%] flex flex-col h-full sm:group-even:ml-[18rem]">
           <h3 className="text-2xl font-semibold hover:cursor-pointer">{title}</h3>
           <p className="mt-2 leading-relaxed text-gray-700 dark:text-white/70">

diff --git a/lib/data.ts b/lib/data.ts
@@ -203,6 +203,9 @@ export const skillsData = [
   "Adobe Premier Pro",
   "Adobe After Effects",
   "Figma",
+  "Spline",
   "Kdenlive",
   "Canva",
+  "Python",
+  "SQL",
 ] as const;