CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Feature Grid #13

Merged
an.di merged 17 commits from adilallo/component/FeatureGrid into main 2025-08-28 20:30:26 +00:00
Conversation 0 Commits 17 Files Changed 21
+52 -50
1 changed files with 52 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ffdc9b7269 - Show all commits
app/components/FeatureGrid.js
+3 -1
View File
@@ -7,11 +7,12 @@ import MiniCard from "./MiniCard";
const FeatureGrid = ({ title, subtitle, className = "" }) => { const FeatureGrid = ({ title, subtitle, className = "" }) => {
return ( return (
<section <section
className={`p-0 lg:p-[var(--spacing-scale-064)] py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] md:pt-[var(--spacing-scale-076)] md:pb-[var(--spacing-scale-048)] lg:pb-[var(--spacing-scale-076)] md:px-[var(--spacing-scale-048)] bg-[#171717] rounded-[var(--radius-measures-radius-xlarge)] focus-within:ring-2 focus-within:ring-[var(--color-surface-default-brand-royal)] focus-within:ring-offset-2 ${className}`} className={`p-0 lg:p-[var(--spacing-scale-064)] ${className}`}
aria-labelledby="feature-grid-headline" aria-labelledby="feature-grid-headline"
role="region" role="region"
tabIndex={-1} tabIndex={-1}
> >
<div className="py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] md:pt-[var(--spacing-scale-076)] md:pb-[var(--spacing-scale-048)] lg:pb-[var(--spacing-scale-076)] md:px-[var(--spacing-scale-048)] bg-[#171717] rounded-[var(--radius-measures-radius-xlarge)] focus-within:ring-2 focus-within:ring-[var(--color-surface-default-brand-royal)] focus-within:ring-offset-2">
<div className="w-full mx-auto gap-[var(--spacing-scale-048)] lg:flex lg:items-start lg:gap-[var(--spacing-scale-048)] [container-type:inline-size]"> <div className="w-full mx-auto gap-[var(--spacing-scale-048)] lg:flex lg:items-start lg:gap-[var(--spacing-scale-048)] [container-type:inline-size]">
{/* Feature Content Lockup */} {/* Feature Content Lockup */}
<div className="lg:shrink lg:min-w-0"> <div className="lg:shrink lg:min-w-0">
@@ -64,6 +65,7 @@ const FeatureGrid = ({ title, subtitle, className = "" }) => {
/> />
</div> </div>
</div> </div>
</div>
</section> </section>
); );
}; };