ImAlpha/kevos-attire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small cosmetic changes

Browse Source
This commit is contained in:
Jacob Delgado 2024-07-27 04:30:22 -07:00
parent d7f0e23cf3
commit 21298f330d
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@ -16,7 +16,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<body className={`${inter.className} bg-[#1D1F1D]`}>{children}</body>
</html>
);
}

4
src/app/page.tsx
View File

@ -5,9 +5,9 @@ import { cn } from "../lib/utils";
export default function Home() {
return (
<main className="flex min-h-screen flex-col px-20 bg-[#F9F6EE]">
<main className="flex min-h-screen flex-col px-20 bg-[#1D1F1D]">
{/* Title */}
<div className="text-4xl w-full justify-center text-center items-center flex py-12 font-medium text-gray-600">
<div className="text-4xl w-full justify-center text-center items-center flex py-12 font-medium text-orange-600">
<span>Kevo&#39;s Attire</span>
</div>

10
src/components/ui/MenuCard/MenuCard.tsx
View File

@ -18,12 +18,12 @@ const inter = Inter({ subsets: ["latin"] });
const MenuCard = ({ Menu }: any) => {
return (
<div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-cols-1 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-cols-1 grid-flow-row gap-y-6 md:gap-x-6 ">
{Menu.map((menu_item: any) => {
return (
<Card
key={menu_item.id}
className="flex-1 flex-col max-w-[325px] h-[452px] relative shadow-xl rounded-xl overflow-hidden bg-slate-500"
className="flex-1 flex-col max-w-[325px] h-[452px] relative overflow-hidden bg-slate-600 border-slate-600"
>
<div className="w-full h-[68%]">
<div className="h-full relative w-full">
@ -44,11 +44,11 @@ const MenuCard = ({ Menu }: any) => {
{/* title and photo */}
<div className="inline-block">
<h4
className={`pt-2 float-left ${extraBold.className} flex-wrap w-3/4`}
className={`pt-2 float-left ${extraBold.className} flex-wrap w-3/4 text-emerald-500`}
>
<strong>{menu_item.name}</strong>
</h4>
<div className="right-4 absolute h-[25px] flex flex-row w-1/4 mt-2">
<div className="right-4 absolute h-[25px] flex flex-row w-1/4 mt-2 text-orange-500">
{menu_item.inStock === "yes" ? (
<span>In Stock!</span>
) : (
@ -75,7 +75,7 @@ const MenuCard = ({ Menu }: any) => {
{/* description text */}
<div className="inline-block text-left pt-2">
<p
className={`max-w-[75ch] ${inter.className} leading-tight font-[12px] text-gray-400 `}
className={`max-w-[75ch] ${inter.className} leading-tight font-[12px] text-blue-400 `}
>
{menu_item.description}
</p>