fix(aspect-ratio): fix padding bottom for Yew (#524)

DanielleHuisman · web-flow · commit fcd6033d80b2 · 2025-05-11T18:25:06.000Z
diff --git a/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs b/packages/primitives/yew/aspect-ratio/src/aspect_ratio.rs
@@ -64,7 +64,7 @@ pub fn AspectRatio(props: &AspectRatioProps) -> Html {
                 ("position", "relative"),
                 // Width ensures padding bottom trick maths works.
                 ("width", "100%"),
-                ("padding-bottom", &(100.0 / props.ratio).to_string()),
+                ("padding-bottom", &format!("{}%", 100.0 / props.ratio)),
             ])}
         >
             if let Some(as_child) = props.as_child.as_ref() {

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ pub fn AspectRatio(props: &AspectRatioProps) -> Html {`
`64`	`64`	`("position", "relative"),`
`65`	`65`	`// Width ensures padding bottom trick maths works.`
`66`	`66`	`("width", "100%"),`
`67`		`- ("padding-bottom", &(100.0 / props.ratio).to_string()),`
	`67`	`+ ("padding-bottom", &format!("{}%", 100.0 / props.ratio)),`
`68`	`68`	`])}`
`69`	`69`	`>`
`70`	`70`	`if let Some(as_child) = props.as_child.as_ref() {`