v1.0 with SW PWA enabled
This commit is contained in:
46
frontend/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
generated
vendored
Normal file
46
frontend/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
generated
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
// src/aspect-ratio.tsx
|
||||
import * as React from "react";
|
||||
import { Primitive } from "@radix-ui/react-primitive";
|
||||
import { jsx } from "react/jsx-runtime";
|
||||
var NAME = "AspectRatio";
|
||||
var AspectRatio = React.forwardRef(
|
||||
(props, forwardedRef) => {
|
||||
const { ratio = 1 / 1, style, ...aspectRatioProps } = props;
|
||||
return /* @__PURE__ */ jsx(
|
||||
"div",
|
||||
{
|
||||
style: {
|
||||
// ensures inner element is contained
|
||||
position: "relative",
|
||||
// ensures padding bottom trick maths works
|
||||
width: "100%",
|
||||
paddingBottom: `${100 / ratio}%`
|
||||
},
|
||||
"data-radix-aspect-ratio-wrapper": "",
|
||||
children: /* @__PURE__ */ jsx(
|
||||
Primitive.div,
|
||||
{
|
||||
...aspectRatioProps,
|
||||
ref: forwardedRef,
|
||||
style: {
|
||||
...style,
|
||||
// ensures children expand in ratio
|
||||
position: "absolute",
|
||||
top: 0,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
left: 0
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
AspectRatio.displayName = NAME;
|
||||
var Root = AspectRatio;
|
||||
export {
|
||||
AspectRatio,
|
||||
Root
|
||||
};
|
||||
//# sourceMappingURL=index.mjs.map
|
||||
Reference in New Issue
Block a user