fix(SummaryCard): clip overlay content to match image border-radius

JakeLin · JakeLin · commit b3e348bca23d · 2025-11-17T18:15:31.000+11:00
Adds overflow:hidden and border-radius to imageSection to ensure overlay
content is properly clipped within the rounded corners of the image.
diff --git a/packages/ui/src/components/Card/SummaryCard.module.css b/packages/ui/src/components/Card/SummaryCard.module.css
@@ -429,4 +429,6 @@
 /* Image Section - Make it position relative for absolute overlay positioning */
 .imageSection {
   position: relative;
+  overflow: hidden; /* Clip overlay to match image border-radius */
+  border-radius: 16px; /* Match image border-radius for proper overlay clipping */
 }

Original file line number	Diff line number	Diff line change
`@@ -429,4 +429,6 @@`
`429`	`429`	`/* Image Section - Make it position relative for absolute overlay positioning */`
`430`	`430`	`.imageSection {`
`431`	`431`	`position: relative;`
	`432`	`+ overflow: hidden; /* Clip overlay to match image border-radius */`
	`433`	`+ border-radius: 16px; /* Match image border-radius for proper overlay clipping */`
`432`	`434`	`}`