fui-fancyui
Version:
FancyUI Libary
37 lines (36 loc) • 1.22 kB
JavaScript
import { styled as i } from "styled-components";
import { getColorsForComponent as d } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const e = i.div`
position: fixed;
top: 50dvh;
left: 50vw;
transform: translate(-50%, ${({ $isAnimating: o }) => o ? "-50%" : "-40%"});
opacity: ${({ $isAnimating: o }) => o ? 1 : 0};
box-sizing: border-box;
border-radius: ${({ theme: o }) => o.borderRadius.lg};
border: none;
width: 80%;
${({ theme: o, $themeType: n, $layer: t = 1 }) => d({ theme: o, $themeType: n, $layer: t })}
z-index: 100;
outline: none;
transition:
transform 300ms ease-out,
opacity 300ms ease-out;
${({ $externalStyle: o }) => o};
`, s = i.div`
padding: ${({ theme: o }) => `${o.spacing.lg} ${o.spacing.lg} 0`};
`, g = i.div`
overflow-y: auto;
overflow-x: hidden;
max-height: calc(80dvh - ${({ theme: o }) => `${o.spacing.lg} * 4`});
padding: ${({ theme: o }) => `0 ${o.spacing.lg}`};
box-sizing: border-box;
`, l = i.div`
padding: ${({ theme: o }) => `0 ${o.spacing.lg} ${o.spacing.lg} ${o.spacing.lg}`};
`;
export {
g as StyledContent,
e as StyledDialog,
l as StyledFooter,
s as StyledHeader
};