update to menu

This commit is contained in:
ImAlpha 2024-01-25 23:46:16 -08:00
parent ff7b0d7f47
commit 4d76551577
2 changed files with 7 additions and 7 deletions

View File

@ -22,7 +22,7 @@ const Bar = () => {
<div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-flow-row gap-y-6 md:gap-x-6"> <div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-flow-row gap-y-6 md:gap-x-6">
{Menu.map((menu_item) => { {Menu.map((menu_item) => {
return ( return (
<Card key={menu_item.id} className="flex-1 flex-col max-w-[325px] h-[452px]"> <Card key={menu_item.id} className="flex-1 flex-col max-w-[325px] h-[452px] relative">
<div className="w-full h-[55%]"> <div className="w-full h-[55%]">
<div className="h-full relative w-full"> <div className="h-full relative w-full">
<Image <Image
@ -57,15 +57,16 @@ const Bar = () => {
</div> */} </div> */}
</div> </div>
{/* description text */} {/* description text */}
<div className="inline-block text-left"> <div className="inline-block text-left pt-2">
<p className={`max-w-[75ch] ${interBold.className} leading-tight font-light`}> <p className={`max-w-[75ch] ${interBold.className} leading-tight font-[12px] text-[#D7D7D7]`}>
{menu_item.description} {menu_item.description}
</p> </p>
</div> </div>
</div> </div>
{/* cart addon */} </div>
<div className="flex flex-row"> {/* cart addon */}
<div className=" flex flex-row"> <div className="flex flex-row bottom-0 absolute m-2">
<div className="flex flex-row">
<strong>{`$${menu_item.price}`}</strong> <strong>{`$${menu_item.price}`}</strong>
</div> </div>
<div className="flex w-1/2 relative"> <div className="flex w-1/2 relative">
@ -74,7 +75,6 @@ const Bar = () => {
</div> </div>
</div> </div>
</div> </div>
</div>
</Card> </Card>
); );
})} })}