Add shrink-0 to fix Safari

hasparus · hasparus · commit 01af07bc470e · 2025-08-05T01:40:47.000+02:00
diff --git a/src/components/index-page/data-colocation/index.tsx b/src/components/index-page/data-colocation/index.tsx
@@ -179,7 +179,7 @@ export function DataColocation() {
         className="flex divide-neu-100 dark:divide-neu-50 dark:shadow-[0_.5px_20px_0_hsl(0_0_0/.25)] max-xl:w-full max-lg:gap-4 max-md:flex-col lg:rounded-lg lg:shadow-[0_.5px_20px_0_hsl(var(--color-neu-400))] lg:dark:bg-neu-50/10 xl:divide-x"
         ref={figureRef}
       >
-        <div className="flex grow flex-col gap-y-4 sm:flex-col-reverse lg:p-4">
+        <div className="flex shrink-0 grow flex-col gap-y-4 sm:flex-col-reverse lg:p-4">
           <FigureInfo />
           <div className="sector-ring">
             <FriendList friends={json.friends} />

Original file line number	Diff line number	Diff line change
`@@ -179,7 +179,7 @@ export function DataColocation() {`
`179`	`179`	`className="flex divide-neu-100 dark:divide-neu-50 dark:shadow-[0_.5px_20px_0_hsl(0_0_0/.25)] max-xl:w-full max-lg:gap-4 max-md:flex-col lg:rounded-lg lg:shadow-[0_.5px_20px_0_hsl(var(--color-neu-400))] lg:dark:bg-neu-50/10 xl:divide-x"`
`180`	`180`	`ref={figureRef}`
`181`	`181`	`>`
`182`		`- <div className="flex grow flex-col gap-y-4 sm:flex-col-reverse lg:p-4">`
	`182`	`+ <div className="flex shrink-0 grow flex-col gap-y-4 sm:flex-col-reverse lg:p-4">`
`183`	`183`	`<FigureInfo />`
`184`	`184`	`<div className="sector-ring">`
`185`	`185`	`<FriendList friends={json.friends} />`