securityos/components/apps/MonacoEditor/StyledMonacoEditor.ts

15 lines
413 B
TypeScript

import { relocateShadowRoot } from "components/apps/MonacoEditor/functions";
import styled from "styled-components";
const StyledMonacoEditor = styled.div.attrs({ onBlur: relocateShadowRoot })`
color: ${({ theme }) => theme.colors.text};
width: 100%;
&& {
height: ${({ theme }) =>
`calc(100% - ${theme.sizes.titleBar.height}px - 31px)`};
}
`;
export default StyledMonacoEditor;