fix(card): fix card actions content alignment in vertical orientation. (#1472)

desig9stein · web-flow · commit 8cc49f56c53b · 2024-11-12T13:47:23.000+02:00
diff --git a/src/components/card/themes/card.actions.base.scss b/src/components/card/themes/card.actions.base.scss
@@ -21,6 +21,10 @@
     }
 }
 
+:host([orientation='vertical']) {
+    justify-content: space-around;
+}
+
 ::slotted([slot='start']) {
     display: flex;
     align-items: center;

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,10 @@`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`
	`24`	`+:host([orientation='vertical']) {`
	`25`	`+ justify-content: space-around;`
	`26`	`+}`
	`27`	`+`
`24`	`28`	`::slotted([slot='start']) {`
`25`	`29`	`display: flex;`
`26`	`30`	`align-items: center;`