michal.cukrowski/j_kedzierski
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: left-align TrustBar content

Browse Source
This commit is contained in:
MichalC
2026-09-02 22:59:08 +02:00
parent a38c3dbb4d
commit fc444e0acb
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/blocks/TrustBar/Component.tsx
+4 -4
View File
@@ -19,7 +19,7 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
return ( return (
<section className="bg-background py-8 border-b border-border"> <section className="bg-background py-8 border-b border-border">
<div className="container-premium"> <div className="container-premium">
<div className="grid grid-cols-2 md:grid-cols-4 gap-6 text-center"> <div className="flex flex-wrap gap-x-8 gap-y-6 md:gap-x-12 lg:gap-x-16 items-start justify-start">
{items.map((item: NonNullable<Props['items']>[0], index: number) => { {items.map((item: NonNullable<Props['items']>[0], index: number) => {
const Icon = item.icon ? iconMap[item.icon as keyof typeof iconMap] : CheckCircle const Icon = item.icon ? iconMap[item.icon as keyof typeof iconMap] : CheckCircle
return ( return (
@@ -29,10 +29,10 @@ export const TrustBarBlock: React.FC<Props> = ({ items }) => {
whileInView={{ opacity: 1, y: 0 }} whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }} viewport={{ once: true }}
transition={{ duration: 0.5, delay: index * 0.1 }} transition={{ duration: 0.5, delay: index * 0.1 }}
className="flex flex-col items-center justify-center gap-3" className="flex items-center gap-3"
> >
<div className="text-accent"> <div className="text-accent flex-shrink-0">
<Icon size={28} /> <Icon size={24} />
</div> </div>
<span className="text-sm font-medium text-foreground">{item.text}</span> <span className="text-sm font-medium text-foreground">{item.text}</span>
</motion.div> </motion.div>