The source code for our eny.social landing page, which is mirrored in a different repository as part of the CI setup. eny.social
social-network eny local-first
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

refactor(layout): cut off value cards even more

Sam Sauer 0fc61f2a 443b4bcd

+3 -3
+3 -3
app/components/ValueCards.tsx
··· 93 93 </svg> 94 94 95 95 <div className="relative"> 96 - <div className="hide-scrollbar flex gap-6 overflow-x-auto pb-4 -ml-[130px] -mr-[130px] pl-0 pr-0 lg:justify-center items-center"> 96 + <div className="hide-scrollbar flex gap-6 overflow-x-auto pb-4 -ml-[140px] -mr-[140px] lg:-ml-[80px] lg:-mr-[80px] pl-0 pr-0 lg:justify-center items-center"> 97 97 {cards.map((card, i) => ( 98 98 <div 99 99 key={i} ··· 103 103 : card.shape === "pill-left" 104 104 ? "min-w-[280px] max-w-[320px] rounded-tl-[50%] rounded-bl-[50%] rounded-tr-3xl rounded-br-3xl pl-24 pr-4 py-8" 105 105 : card.shape === "pill-right" 106 - ? "min-w-[280px] max-w-[320px] h-[260px] rounded-tr-[50%] rounded-br-[50%] rounded-tl-3xl rounded-bl-3xl p-8" 106 + ? "min-w-[180px] max-w-[200px] h-[180px] rounded-tr-[50%] rounded-br-[50%] rounded-tl-3xl rounded-bl-3xl p-8" 107 107 : card.shape === "circle" 108 - ? "w-[260px] h-[260px] rounded-full" 108 + ? "w-[180px] h-[180px] rounded-full" 109 109 : "min-w-[280px] max-w-[320px] rounded-3xl p-8" 110 110 }`} 111 111 style={{