Commit caa396ec authored by Joe Ziemba's avatar Joe Ziemba
Browse files

fix tailwind colors

parent 1f0da9c7
......@@ -6,7 +6,8 @@ const AppCard = ({
content,
linkText,
linkURL,
color,
borderColor,
buttonTextColor,
tag,
image,
}) => {
......@@ -15,7 +16,7 @@ const AppCard = ({
className={
"flex-initial mx-4 md:mx-1 max-w-lg md:max-w-md " +
"bg-white rounded-sm shadow-lg " +
`border-t-4 border-${color} ` +
`border-t-4 ${borderColor} ` +
"group hover:shadow-2xl transition-shadow duration-200 " +
"mb-16 "
}
......@@ -50,7 +51,7 @@ const AppCard = ({
<div
className={
`text-${color} border-t-2 border-${color} ` +
`${buttonTextColor} border-t-2 ${borderColor} ` +
` w-full px-8 py-5 text-white leading-none flex items-center` +
" uppercase font-bold text-sm tracking-widest absolute bottom-0"
}
......
......@@ -5,9 +5,12 @@ import castle_png from "_assets/img/castle.png"
const Home = () => {
return (
<div className={"flex flex-wrap justify-around mt-6 max-w-5xl mx-auto"}>
<div
className={"flex flex-wrap justify-around mt-6 max-w-5xl mx-auto"}
>
<AppCard
color="red-900"
buttonTextColor="text-red-900"
borderColor="border-red-900"
content="Homebrewing a monster or NPCs for a D&D game? Turn all those custom stats into a legit statblock! This generator will format everything to look like the statblocks from Dungeons &amp; Dragons fifth edition."
title="Statblock Generator"
linkURL="/dnd5e/statblock-generator"
......@@ -17,7 +20,8 @@ const Home = () => {
/>
<AppCard
color="navy-600"
buttonTextColor="text-navy-900"
borderColor="border-navy-900"
content="Generate a character for the newly-released Pathfinder Second Edition ruleset! Assign your Ancestry, Background and Class, tinker with ability scores, train skills and choose feats!"
title="Character Builder"
linkURL="/pf2/character-builder"
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment