diff --git a/src/app/components/home/AddNewCard.tsx b/src/app/components/home/AddNewCard.tsx index 28fe842..185c0ab 100644 --- a/src/app/components/home/AddNewCard.tsx +++ b/src/app/components/home/AddNewCard.tsx @@ -4,13 +4,13 @@ import NewPortfolioModal from "./NewPortfolioModal"; const styles = { wrapper: - "bg-brandblue hover:bg-hoverblue shadow-xl hover:shadow-none cursor-pointer w-60 rounded-3xl flex flex-col items-center justify-center", + "bg-brandblue hover:bg-hoverblue shadow-xl hover:shadow-none cursor-pointer w-60 h-80 rounded-3xl flex flex-col items-center justify-center", header: "relative mt-2 mx-2", imageWrapper: "h-56 rounded-2xl overflow-hidden flex justify-center items-center", wrapperAnime: "transition-all duration-500 ease-in-out", image: "object-cover w-8/12 h-8/12 mx-auto fill-white", - textWrapper: "pt-10 pb-6 w-full px-4 flex justify-center items-center", + textWrapper: "pt-9 pb-6 w-full px-4 flex justify-center items-center", text: "font-medium leading-none text-base tracking-wider text-gray-400", }; diff --git a/src/app/components/home/Card.tsx b/src/app/components/home/Card.tsx index e7815b8..74a0c16 100644 --- a/src/app/components/home/Card.tsx +++ b/src/app/components/home/Card.tsx @@ -5,14 +5,15 @@ import { PortfolioStatus } from "@/app/db/schema/portfolio"; import { formatNumber } from "@/app/utils"; import Image from "next/image"; + const styles = { wrapper: - "active:bg-brandmidblue font-medium leading-none text-base tracking-wider text-gray-400 hover:text-gray-300 bg-white hover:bg-hoverblue shadow-xl hover:shadow-none cursor-pointer w-60 rounded-3xl flex flex-col items-center justify-center", + "active:bg-brandmidblue font-medium leading-none text-base tracking-wider text-gray-400 hover:text-gray-300 bg-white hover:bg-hoverblue shadow-xl hover:shadow-none cursor-pointer w-60 h-80 rounded-3xl flex flex-col items-center justify-center", header: "relative mt-2 mx-2 border-red", imageWrapper: "h-56 rounded-2xl overflow-hidden flex items-center", wrapperAnime: "transition-all duration-500 ease-in-out", image: "object-cover mx-auto", - textWrapper: "pt-6 pb-3 w-full px-4 flex justify-between items-center text-red-500", + textWrapper: "pt-3 pb-3 w-full px-4 flex justify-center items-center max-h-16 my-auto text-red-500", }; interface CardProps { diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx index f536cbc..6f10eee 100644 --- a/src/app/home/page.tsx +++ b/src/app/home/page.tsx @@ -4,6 +4,7 @@ import { AuthOptions } from "@/app/api/auth/[...nextauth]/route"; import { getServerSession } from "next-auth"; import { redirect } from "next/navigation"; + const Home = async () => { const user = await getServerSession(AuthOptions); @@ -17,7 +18,7 @@ const Home = async () => { return ( <>