ImAlpha/Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

food card flex grow update

Browse Source
This commit is contained in:
ImAlpha 2024-01-03 23:28:04 -08:00
parent 51e4aa6df1
commit 66f88b0bb1
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
View File

@ -6,8 +6,8 @@ import { Button } from "@/components/ui/button";
const Appetizers = () => { const Appetizers = () => {
return ( return (
<div className="flex flex-col lg:w-[1480px] md:w-[800px]"> <div className="flex flex-col w-full">
<div className="text-4xl flex flex-row text-black antialiased font-bold font-sans items-center justify-center"> <div className="text-4xl flex flex-row text-black antialiased font-bold items-center justify-center">
<Image <Image
src="/gun01.svg" src="/gun01.svg"
alt="gun icon for decor" alt="gun icon for decor"
@ -25,12 +25,12 @@ const Appetizers = () => {
/> />
</div> </div>
<div className="bg-red-300 flex flex-wrap flex-row gap-12 pt-6 justify-between"> <div className="bg-red-300 flex flex-wrap gap-8 pt-6 justify-between w-full">
{Menu.map((menu_item) => { {Menu.map((menu_item) => {
return ( return (
<div <div
key={menu_item.id} key={menu_item.id}
className="flex flex-col flex-wrap bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl" className="flex flex-col flex-grow bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl drop-shadow-xl"
> >
<div className="h-[55%] relative w-full overflow-hidden"> <div className="h-[55%] relative w-full overflow-hidden">
<Image <Image
@ -42,7 +42,7 @@ const Appetizers = () => {
className="rounded-t-lg" className="rounded-t-lg"
/> />
</div> </div>
<h4 className="space-x-4"> <h4 className="">
<strong>{menu_item.name}</strong> <strong>{menu_item.name}</strong>
</h4> </h4>
<p>Description: {menu_item.description}</p> <p>Description: {menu_item.description}</p>
@ -51,7 +51,7 @@ const Appetizers = () => {
<span> <span>
{menu_item.price_large ? ( {menu_item.price_large ? (
<span> <span>
<strong>Large</strong> - ${menu_item.price_large},{" "} <strong>Large</strong> - ${menu_item.price_large},
<strong>Small</strong> - ${menu_item.price_small} <strong>Small</strong> - ${menu_item.price_small}
</span> </span>
) : ( ) : (