Use back auto for hr

This commit is contained in:
Zoe Roux 2024-03-03 23:57:44 +01:00
parent e60e2306b7
commit c48ee975c6

View File

@ -19,7 +19,7 @@
*/ */
import { HR as EHR } from "@expo/html-elements"; import { HR as EHR } from "@expo/html-elements";
import { percent, px, Stylable, useYoshiki } from "yoshiki/native"; import { px, Stylable, useYoshiki } from "yoshiki/native";
import { ts } from "./utils"; import { ts } from "./utils";
export const HR = ({ export const HR = ({
@ -39,13 +39,13 @@ export const HR = ({
}, },
orientation === "vertical" && { orientation === "vertical" && {
width: px(1), width: px(1),
height: percent(100), height: "auto",
marginY: ts(1), marginY: ts(1),
marginX: ts(2), marginX: ts(2),
}, },
orientation === "horizontal" && { orientation === "horizontal" && {
height: px(1), height: px(1),
width: percent(100), width: "auto",
marginX: ts(1), marginX: ts(1),
marginY: ts(2), marginY: ts(2),
}, },