Fix border radius in full-cover mode (#824)

Drafteed · web-flow · commit 04822f3d851f · 2024-01-26T13:08:36.000+03:00
diff --git a/src/style.ts b/src/style.ts
@@ -195,7 +195,7 @@ const style = css`
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
-    border-radius: var(--ha-card-border-radius, 0);
+    border-radius: var(--mmp-border-radius, 0);
     overflow: hidden;
   }
   .cover.--prev {
@@ -206,8 +206,6 @@ const style = css`
   }
   ha-card[artwork*='full-cover'].--has-artwork .mmp-player {
     background: linear-gradient(to top, var(--mmp-overlay-color) var(--mmp-overlay-color-stop), transparent 100%);
-    border-bottom-left-radius: var(--ha-card-border-radius, 0);
-    border-bottom-right-radius: var(--ha-card-border-radius, 0);
   }
   ha-card.--has-artwork .cover,
   ha-card.--has-artwork[artwork='cover'] .cover:before {

Original file line number	Diff line number	Diff line change
@@ -195,7 +195,7 @@ const style = css`
`195`	`195`	`background-size: cover;`
`196`	`196`	`background-repeat: no-repeat;`
`197`	`197`	`background-position: center center;`
`198`		`- border-radius: var(--ha-card-border-radius, 0);`
	`198`	`+ border-radius: var(--mmp-border-radius, 0);`
`199`	`199`	`overflow: hidden;`
`200`	`200`	`}`
`201`	`201`	`.cover.--prev {`
@@ -206,8 +206,6 @@ const style = css`
`206`	`206`	`}`
`207`	`207`	`ha-card[artwork*='full-cover'].--has-artwork .mmp-player {`
`208`	`208`	`background: linear-gradient(to top, var(--mmp-overlay-color) var(--mmp-overlay-color-stop), transparent 100%);`
`209`		`- border-bottom-left-radius: var(--ha-card-border-radius, 0);`
`210`		`- border-bottom-right-radius: var(--ha-card-border-radius, 0);`
`211`	`209`	`}`
`212`	`210`	`ha-card.--has-artwork .cover,`
`213`	`211`	`ha-card.--has-artwork[artwork='cover'] .cover:before {`