fix overflow scroll
This commit is contained in:
@@ -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>
|
||||
);
|
||||
})}
|
||||
|
||||
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user