alaguraj/my-dosa-place-cinematic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: increase MenuItemCard title font size and expand MenuPreview container width

Browse Source
This commit is contained in:
Alaguraj0361 2026-07-15 17:11:40 +05:30
parent b798bac2de
commit 21d327d33c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MenuPreview.tsx
View File

@ -136,7 +136,7 @@ const MenuItemCard = ({ name, desc, tag, type, img }: MenuItemProps) => (
<div className="relative z-10 flex flex-col gap-1 w-full pl-2"> <div className="relative z-10 flex flex-col gap-1 w-full pl-2">
{/* Name and Pill Badge */} {/* Name and Pill Badge */}
<div className="flex items-start justify-between gap-3 w-full"> <div className="flex items-start justify-between gap-3 w-full">
<h3 className="font-serif text-[12px] sm:text-[13px] font-bold text-[#0a4a2b] tracking-wider uppercase transition-colors duration-300 group-hover:text-[#bc9e65]"> <h3 className="font-serif text-[14px] sm:text-[15.5px] font-bold text-[#0a4a2b] tracking-wider uppercase transition-colors duration-300 group-hover:text-[#bc9e65]">
{name} {name}
</h3> </h3>
<CategoryPill tag={tag} type={type} /> <CategoryPill tag={tag} type={type} />
@ -247,7 +247,7 @@ export default function MenuPreview() {
{/* Traditional Temple Borders */} {/* Traditional Temple Borders */}
<div className="absolute top-0 left-0 w-full h-[6px] bg-gradient-to-r from-gold-dark via-gold-light to-gold-dark opacity-30 z-10" /> <div className="absolute top-0 left-0 w-full h-[6px] bg-gradient-to-r from-gold-dark via-gold-light to-gold-dark opacity-30 z-10" />
<div className="max-w-6xl mx-auto relative z-10"> <div className="max-w-[1300px] mx-auto relative z-10">
{/* Header Elements */} {/* Header Elements */}
<div className="mb-14 flex flex-col items-center text-center"> <div className="mb-14 flex flex-col items-center text-center">