fix overflow scroll

This commit is contained in:
hamid zarghami
2025-12-28 14:20:22 +03:30
parent 0ecb4367b9
commit b36076a021
2 changed files with 8 additions and 8 deletions
@@ -84,7 +84,7 @@ const CategoryScroll = ({
height={imageSize}
alt="category image"
/>
<span className="text-xs text-foreground">{item.title}</span>
<span className="text-xs text-foreground text-center">{item.title}</span>
</Renderer>
);
})}
+7 -7
View File
@@ -106,14 +106,14 @@ const MenuItem = ({ food }: MenuItemProps) => {
alt={foodName}
/>
</Link>
<div className="w-full inline-flex flex-col justify-between">
<Link href={foodDetailUrl} className="cursor-pointer">
<div>
<div className="text-sm2 font-normal text-black dark:text-white">
<div className="w-full inline-flex flex-col justify-between min-w-0">
<Link href={foodDetailUrl} className="cursor-pointer min-w-0">
<div className="min-w-0">
<div className="text-sm2 font-normal text-black dark:text-white wrap-break-word">
{foodName}
</div>
{(foodContent || foodDescription) && (
<div className="text-[#7F7F7F] line-clamp-2 text-xs leading-5 font-normal mt-2">
<div className="text-[#7F7F7F] line-clamp-2 text-xs leading-5 font-normal mt-2 wrap-break-word overflow-hidden">
{foodContent || foodDescription}
</div>
)}
@@ -126,12 +126,12 @@ const MenuItem = ({ food }: MenuItemProps) => {
<span className="text-xs text-disabled-text line-through">
{formattedOriginalPrice} T
</span>
<span className="text-sm font-medium text-primary dark:text-foreground">
<span className="text-sm font-medium text-primary dark:text-foreground">
{formattedPrice} T
</span>
</>
) : (
<span className="text-sm mt-1">
<span className="text-sm mt-1 text-right">
{formattedPrice} T
</span>
)}