From c111271fe837abc8003fa203e8fe0a3cdb72b2c7 Mon Sep 17 00:00:00 2001
From: ImAlpha <arcjcb11@gmail.com>
Date: Thu, 25 Jan 2024 23:46:27 -0800
Subject: [PATCH] update

---
 Websites/jefes-nextjs/app/menu/Bar/page.tsx | 41 ++++++++++++---------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/Websites/jefes-nextjs/app/menu/Bar/page.tsx b/Websites/jefes-nextjs/app/menu/Bar/page.tsx
index 3f5ae13..d7e6f8b 100644
--- a/Websites/jefes-nextjs/app/menu/Bar/page.tsx
+++ b/Websites/jefes-nextjs/app/menu/Bar/page.tsx
@@ -4,16 +4,16 @@ import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import Menu from "./items.json";
 import Image from "next/image";
-import localFont from 'next/font/local';
+import localFont from "next/font/local";
 
 const interBold = localFont({
-  src: './Inter-Bold.woff',
-  display: 'swap',
-})
+  src: "./Inter-Bold.woff",
+  display: "swap",
+});
 const extraBold = localFont({
-  src: './Inter-ExtraBold.woff',
-  display: 'swap',
-})
+  src: "./Inter-ExtraBold.woff",
+  display: "swap",
+});
 
 const Bar = () => {
   let pic = "cover";
@@ -22,7 +22,10 @@ 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">
         {Menu.map((menu_item) => {
           return (
-            <Card key={menu_item.id} className="flex-1 flex-col max-w-[325px] h-[452px] relative">
+            <Card
+              key={menu_item.id}
+              className="flex-1 flex-col max-w-[325px] h-[452px] relative"
+            >
               <div className="w-full h-[55%]">
                 <div className="h-full relative w-full">
                   <Image
@@ -58,23 +61,25 @@ const Bar = () => {
                   </div>
                   {/* description text */}
                   <div className="inline-block text-left pt-2">
-                    <p className={`max-w-[75ch] ${interBold.className} leading-tight font-[12px] text-[#D7D7D7]`}>
+                    <p
+                      className={`max-w-[75ch] ${interBold.className} leading-tight font-[12px] text-[#D7D7D7]`}
+                    >
                       {menu_item.description}
                     </p>
                   </div>
                 </div>
               </div>
-               {/* cart addon */}
-               <div className="flex flex-row bottom-0 absolute m-2">
-                  <div className="flex flex-row">
-                    <strong>{`$${menu_item.price}`}</strong>
-                  </div>
-                  <div className="flex  w-1/2 relative">
-                    <div className="flex  w-3 h-full items-end justify-end">
-                      <div className=""></div>
-                    </div>
+              {/* cart addon */}
+              <div className="flex flex-row bottom-0 absolute m-2">
+                <div className="flex flex-row">
+                  <strong>{`$${menu_item.price}`}</strong>
+                </div>
+                <div className="flex  w-1/2 relative">
+                  <div className="flex  w-3 h-full items-end justify-end">
+                    <div className=""></div>
                   </div>
                 </div>
+              </div>
             </Card>
           );
         })}