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 ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children}</body> <body className={`${inter.className} bg-[#1D1F1D]`}>{children}</body>
</html> </html>
); );
} }

4
src/app/page.tsx
View File

@ -5,9 +5,9 @@ import { cn } from "../lib/utils";
export default function Home() { export default function Home() {
return ( 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 */} {/* 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> <span>Kevo&#39;s Attire</span>
</div> </div>

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

@ -23,7 +23,7 @@ const MenuCard = ({ Menu }: any) => {
return ( return (
<Card <Card
key={menu_item.id} 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="w-full h-[68%]">
<div className="h-full relative w-full"> <div className="h-full relative w-full">
@ -44,11 +44,11 @@ const MenuCard = ({ Menu }: any) => {
{/* title and photo */} {/* title and photo */}
<div className="inline-block"> <div className="inline-block">
<h4 <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> <strong>{menu_item.name}</strong>
</h4> </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" ? ( {menu_item.inStock === "yes" ? (
<span>In Stock!</span> <span>In Stock!</span>
) : ( ) : (
@ -75,7 +75,7 @@ const MenuCard = ({ Menu }: any) => {
{/* description text */} {/* description text */}
<div className="inline-block text-left pt-2"> <div className="inline-block text-left pt-2">
<p <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} {menu_item.description}
</p> </p>