promo page download links added

This commit was merged in pull request #783.
This commit is contained in:
victorAnumudu
2024-09-21 06:15:25 +01:00
parent d0e7f58d5f
commit e6f5746692
5 changed files with 54 additions and 13 deletions
@@ -14,7 +14,6 @@ const AccountDashboard = ({ className, bannerList }) => {
}
};
console.log(getLowerBanner);
return (
<div
className={`w-full min-h-[450px] flex flex-col justify-between items-center gap-4 rounded-2xl overflow-hidden ${
@@ -77,19 +76,19 @@ const TopBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
src={image}
alt="banner-img"
loading="lazy"
className="w-full h-full rounded-t-xl object-cover"
className="w-full h-full rounded-t-xl object-cove object-fill"
/>
</Link>
<div className="h-[7rem] rounded-b-xl bg-white dark:bg-dark-white">
<div className="rounded-b-xl bg-white dark:bg-dark-white">
<div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2 dark:text-white">
<Link to={link_path} className="font-bold text-lg">
<Link to={link_path} className="font-bold text-lg line-clamp-1">
{title}
</Link>
<Link to={link_path} className="text-sm">
{desc}
</Link>
</div>
<div className="flex justify-between w-full px-2 items-center pt-[0.2rem]">
<div className="flex justify-between w-full p-1 items-center">
<Link to={link_path} className="text-slate-300 font-semibold text-sm">
{btn}
</Link>
@@ -113,7 +112,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
className="flex flex-col bg-white shadow-md h-full rounded-xl dark:border-[#5356fb29] dark:bg-dark-white"
>
<div className="w-full xxs:flex justify-between items-center border-b border-slate-300 p-2">
<div className="min-h-[150px] sm:min-h-[130px] flex justify-between items-center">
<div className="min-h-[130px] sm:min-h-[100px] flex justify-between items-center">
<div className="px-2 flex flex-col gap-2 dark:text-white">
<Link to={newLinkPath} className="text-lg font-bold">
{title}
@@ -132,7 +131,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
/>
</Link>
</div>
<div className="flex justify-between w-full px-2 items-center">
<div className="flex justify-between w-full p-1 items-center">
<Link to={newLinkPath} className="text-slate-300 font-semibold text-sm">
{btn}
</Link>
@@ -181,7 +180,7 @@ const BannerSection = ({ banners, variant }) => {
variant === "top"
? "rounded-b-xl bg-white"
: "border-b border-slate-300"
} h-[7rem]`}
}`}
>
<div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2">
<Link to={link_path} className="font-bold text-lg">
@@ -191,7 +190,7 @@ const BannerSection = ({ banners, variant }) => {
{short_description}
</Link>
</div>
<div className="flex justify-between w-full px-2 items-center">
<div className="flex justify-between w-full p-1 items-center">
<Link to={link_path} className="text-slate-300 font-semibold">
{short_button_text}
</Link>