@cronos-labs/ui 0.7.1 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -273,10 +273,20 @@ export const WaitlistSocialBlock = styled.div `
|
|
|
273
273
|
margin-top: ${({ $variant }) => ($variant === 'footer' ? '10px' : '14px')};
|
|
274
274
|
}
|
|
275
275
|
`;
|
|
276
|
+
/* Seven 32px icons. The row wraps and closes up to 16px below 768px:
|
|
277
|
+
at 24px it is 368px wide, wider than a 360px phone's 328px column, and
|
|
278
|
+
as it could not shrink it widened every ancestor up to the footer, so
|
|
279
|
+
the whole footer ran past the viewport and the page scrolled sideways. */
|
|
276
280
|
export const WaitlistSocialLinks = styled.div `
|
|
277
|
-
display:
|
|
281
|
+
display: flex;
|
|
282
|
+
flex-wrap: wrap;
|
|
278
283
|
align-items: center;
|
|
279
|
-
gap:
|
|
284
|
+
gap: 16px;
|
|
285
|
+
min-width: 0;
|
|
286
|
+
|
|
287
|
+
${({ theme }) => theme.mediaQueries.sm} {
|
|
288
|
+
gap: 24px;
|
|
289
|
+
}
|
|
280
290
|
`;
|
|
281
291
|
export const WaitlistSocialLink = styled.a `
|
|
282
292
|
display: inline-flex;
|