fix aspect-ratio inherit issue on Safari

nuotsu · Nov 21, 2024 · 8e34f49 · 8e34f49
1 parent 272669f
commit 8e34f49
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/ui/modules/blog/Authors.tsx b/src/ui/modules/blog/Authors.tsx
@@ -14,7 +14,7 @@ export default function Authors({
 					<dd className="grid aspect-square w-[1.7em] place-content-center overflow-hidden rounded-full bg-ink/5">
 						{author.image ? (
 							<Img
-								className="aspect-[inherit]"
+								className="aspect-square"
 								image={author.image}
 								imageWidth={60}
 								alt={author.name}

diff --git a/src/ui/modules/blog/PostPreviewLarge.tsx b/src/ui/modules/blog/PostPreviewLarge.tsx
@@ -15,7 +15,7 @@ export default function PostPreviewLarge({ post }: { post: Sanity.BlogPost }) {
 		>
 			<figure className="max-md:full-bleed relative aspect-video overflow-hidden bg-ink/5 md:aspect-[1.5]">
 				<Img
-					className="aspect-[inherit] w-full object-cover transition-[filter,transform] group-hover:scale-105 group-hover:brightness-110"
+					className="aspect-[1.5] w-full object-cover transition-[filter,transform] group-hover:scale-105 group-hover:brightness-110"
 					image={post.metadata.image}
 					imageWidth={800}
 					alt={post.metadata.title}