Safari fix (windmill-labs#572)

fatonramadani · web-flow · commit a202b262f227 · 2024-04-04T20:01:35.000+02:00
* Display all changelogs in a single page

* Fix safari display + list of components
diff --git a/src/landing/AppLightSection.tsx b/src/landing/AppLightSection.tsx
@@ -605,11 +605,11 @@ export default function AppsLightSections() {
 					<div className="col-span-2">
 						<div className="relative w-full bg-orange-900 rounded-lg p-6 h-96">
 							<div className="border-orange-600 border-2 relative rounded-lg p-4 h-full w-full bg-white bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px] overflow-hidden overflow-y-scroll">
-								<div className="grid grid-cols-8 gap-4">
+								<div className="grid grid-cols-2 md:grid-cols-8 gap-4">
 									{components.map((item, index) => (
 										<a
 											href={item.documentationLink}
-											className="col-span-1 h-28 rounded-md border flex justify-center items-center gap-2 flex-col bg-white hover:bg-gray-50 !text-gray-900"
+											className="col-span-1  h-28 rounded-md border flex justify-center items-center gap-2 flex-col bg-white hover:bg-gray-50 !text-gray-900"
 										>
 											<item.Icon size={32} />
 											<div className="text-xs text-center">{item.name}</div>
diff --git a/src/landing/LightFeatureCard.tsx b/src/landing/LightFeatureCard.tsx
@@ -49,7 +49,7 @@ export default function LightFeatureCard({
 	return (
 		<a
 			className={twMerge(
-				`text-black dark:text-white !no-underline hover:text-black hover:dark:text-white bg-gray-50 dark:bg-gray-900 rounded-lg overflow-hidden ${span} group cursor-pointer p-8 relative grid gap-4 hover:bg-opacity-50 transition-all group `,
+				`text-black dark:text-white !no-underline hover:text-black hover:dark:text-white bg-gray-50 dark:bg-gray-900 rounded-lg overflow-hidden ${span} group cursor-pointer p-8 relative grid gap-4 hover:bg-opacity-50 transition-all h-max `,
 				spanOverride ?? (vertical ? 'grid-cols-1' : 'grid-cols-1 md:grid-cols-2')
 			)}
 			onMouseOver={() => {
