Loyaly/loyalyweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated section design

Browse Source
This commit is contained in:
R-Bharathraj
2026-07-14 16:09:50 +05:30
parent 4dbc330b1d
commit 211d2489e1
14 changed files with 793 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/home/ProductsSection.tsx
View File

@@ -653,7 +653,7 @@ export default function ProductsSection({ isLoaded = false }: ProductsSectionPro
}
.products-card {
flex: 0 0 auto;
width: clamp(320px, 74vw, 880px);
width: clamp(320px, 90vw, 1280px);
/* Fill the band between heading and progress bar, capped on huge screens */
height: min(740px, calc(100vh - var(--pt) - var(--pb)));
}
@@ -704,7 +704,7 @@ export default function ProductsSection({ isLoaded = false }: ProductsSectionPro
}
.products-track::-webkit-scrollbar { display: none; }
.products-track { scrollbar-width: none; }
.products-card { height: auto; width: min(86vw, 460px); }
.products-card { height: auto; width: min(90vw, 520px); }
.products-card { flex-direction: column !important; }
.products-card-content { flex: 0 0 auto !important; }
.products-card-visual {