mango-ui-v3/components/styles.tsx

27 lines
601 B
TypeScript

export const PageBodyWrapper = ({ children, ...props }) => (
<div style={{ minHeight: 'calc(100vh - 105px)' }} {...props}>
{children}
</div>
)
// export const PageBodyWrapper = styled.div`
// min-height: calc(100vh - 105px);
// @media screen and (min-width: 768px) {
// min-height: 100vh;
// }
// `
export const ElementTitle = ({
children,
noMarignBottom = false,
className = '',
}) => (
<div
className={`flex justify-center ${
noMarignBottom ? 'mb-0' : 'mb-2.5'
} text-lg font-semibold items-center text-th-fgd-1 ${className}`}
>
{children}
</div>
)