parsa/canina
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(product): ensure 100% symmetrical grid width and centered element margins on mobile

Browse Source
This commit is contained in:
parsa aghaei 2026-07-22 15:25:18 +03:30
parent 12265c88e8
commit 5005f0e68f
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/application/components/ProductPage.tsx
View File

@ -179,7 +179,7 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
if (!product || !fullProduct || !calculation) return <div className="min-h-screen flex items-center justify-center">محصول یافت نشد</div>;
return (
<div className="min-h-screen bg-medical-gray-50 pt-2 pb-32 sm:pb-20 px-4 sm:px-6 md:px-8 font-vazir" dir="rtl">
<div className="min-h-screen bg-medical-gray-50 pt-2 pb-36 sm:pb-20 px-4 sm:px-6 lg:px-8 font-vazir overflow-x-hidden" dir="rtl">
<div className="max-w-7xl mx-auto w-full">
{/* Breadcrumbs for Mobile and Desktop */}
<nav className="flex items-center gap-2 text-xs md:text-sm font-semibold text-medical-gray-600 mb-6 md:mb-10 overflow-x-auto whitespace-nowrap py-3 border-b border-medical-gray-100 font-vazir scrollbar-thin scrollbar-thumb-medical-gray-200 scrollbar-track-transparent pr-1" dir="rtl">
@ -264,9 +264,11 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
)}
</p>
{fullProduct.shortDescription && (
<p className="text-sm sm:text-lg text-medical-gray-600 font-bold leading-relaxed max-w-3xl font-vazir border-r-4 border-canina-blue pr-4 sm:pr-6 py-2 bg-canina-blue/5 rounded-l-2xl text-right w-full">
{fullProduct.shortDescription}
</p>
<div className="w-full text-right bg-canina-blue/5 border-r-4 border-canina-blue p-4 sm:p-6 rounded-2xl">
<p className="text-sm sm:text-lg text-medical-gray-600 font-bold leading-relaxed font-vazir">
{fullProduct.shortDescription}
</p>
</div>
)}
</div>
</div>