fergalmoran/supanextail
1
0
Fork 0
mirror of https://github.com/fergalmoran/supanextail.git synced 2026-01-04 15:44:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

First pass prettier/eslint and headwind

Browse Source
This commit is contained in:
Michael
2021-12-16 23:45:43 +01:00
parent ab9e3732d6
commit be7580c04d
47 changed files with 2149 additions and 1939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/UI/CardLanding.tsx
View File

@@ -5,27 +5,27 @@ This card is used on the landing page
import Image from 'next/image';
type CardLandingProps = {
image: string;
title: string;
text: string;
image: string;
title: string;
text: string;
};
const CardLanding = ({ image, title, text }: CardLandingProps): JSX.Element => {
return (
<div className="w-80 h-48 p-5 sm:ml-5 mb-5 bg-base-100 flex">
<div>
<div className="rounded-full w-12 h-12 border flex bg-neutral-content">
<div className="m-auto flex">
<Image src={image} width={24} height={24} alt={`${title} logo`} />
</div>
</div>
</div>
<div className="ml-8">
<p className="font-semibold font-title text-lg">{title}</p>
<p className="mt-3">{text}</p>
</div>
</div>
);
return (
<div className="flex h-48 p-5 mb-5 w-80 sm:ml-5 bg-base-100">
<div>
<div className="flex w-12 h-12 border rounded-full bg-neutral-content">
<div className="flex m-auto">
<Image src={image} width={24} height={24} alt={`${title} logo`} />
</div>
</div>
</div>
<div className="ml-8">
<p className="text-lg font-semibold font-title">{title}</p>
<p className="mt-3">{text}</p>
</div>
</div>
);
};
export default CardLanding;