etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: mobile layout overflow on landing page

Browse Source 
- Add min-w-0 to grid children to prevent CSS Grid blowout on mobile
- Add break-words to SanitizedHtml to wrap long URLs in footer text
This commit is contained in:
Fringg
2026-03-08 14:58:23 +03:00
parent bda95ed23f
commit 9aae9cc0e6
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/QuickPurchase.tsx
View File

@@ -462,7 +462,9 @@ function SanitizedHtml({ html, className }: { html: string; className?: string }
return container.innerHTML; return container.innerHTML;
}, [html]); }, [html]);
return <div className={className} dangerouslySetInnerHTML={{ __html: sanitized }} />; return (
<div className={cn('break-words', className)} dangerouslySetInnerHTML={{ __html: sanitized }} />
);
} }
function SummaryCard({ function SummaryCard({
@@ -1000,7 +1002,7 @@ export default function QuickPurchase() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.1 }} transition={{ duration: 0.5, delay: 0.1 }}
className="space-y-6" className="min-w-0 space-y-6"
> >
{/* Period tabs */} {/* Period tabs */}
{allPeriods.length > 0 && ( {allPeriods.length > 0 && (
@@ -1104,7 +1106,7 @@ export default function QuickPurchase() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.2 }} transition={{ duration: 0.5, delay: 0.2 }}
className="lg:sticky lg:top-8 lg:self-start" className="min-w-0 lg:sticky lg:top-8 lg:self-start"
> >
<SummaryCard <SummaryCard
config={config} config={config}