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
refactor(layout): cut off value cards even more
+3
-3
+3
-3
app/components/ValueCards.tsx
+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={{