Compare commits
5 Commits
version_2_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 71daa08e13 | |||
|
|
27c912d144 | ||
| 59767e08c5 | |||
|
|
089ffea446 | ||
| 027d0a6388 |
@@ -58,9 +58,17 @@ const AboutFeaturesSplit = ({
|
||||
{items.map((item, index) => {
|
||||
const ItemIcon = resolveIcon(item.icon);
|
||||
const isEthical = item.title.includes("Ethical Sourcing");
|
||||
const isArtisan = item.title.includes("Artisan Craft");
|
||||
const isExpert = item.title.includes("Expert Roasting");
|
||||
|
||||
let bgClass = "";
|
||||
if (isEthical) bgClass = "bg-purple-600 p-4 rounded-lg";
|
||||
if (isArtisan) bgClass = "bg-red-600 p-4 rounded-lg";
|
||||
if (isExpert) bgClass = "bg-yellow-500 p-4 rounded-lg";
|
||||
|
||||
return (
|
||||
<div key={item.title}>
|
||||
<div className={`flex flex-col gap-2 ${isEthical ? "bg-purple-600 p-4 rounded-lg" : ""}`}>
|
||||
<div className={`flex flex-col gap-2 ${bgClass}`}>
|
||||
<div className="flex items-center justify-center shrink-0 mb-1 size-10 primary-button rounded">
|
||||
<ItemIcon className="h-2/5 w-2/5 text-primary-cta-text" strokeWidth={1.5} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user