junte/assessment-model
1
0
Fork 0
mirror of https://github.com/Hestia-Homes/assessment-model.git synced 2026-06-08 11:37:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

set fixed height on cards to line them up, might tie it to screen size for better responsiveness

Browse source
This commit is contained in:
StefanWout 2024-09-05 13:35:08 +01:00
parent 9a4c885868
commit df954437be
3 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/home/AddNewCard.tsx
View file

@ -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",
};

5
src/app/components/home/Card.tsx
View file

@ -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 {

3
src/app/home/page.tsx
View file

@ -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 (
<>
<div className="flex justify-center">
<h1 className="text-3xl font-bold mt-3 mb-5"> Your Portfolios </h1>
<h1 className="text-3xl font-bold mt-3 mb-5 text-brandblue"> Your Portfolios </h1>
</div>
<CardTiles Portfolios={portfolios} />
</>