* Adds a 60px area to the left and right of editable area that allows clicking to focus paragraphs * tsc
13 lines
279 B
TypeScript
13 lines
279 B
TypeScript
import styled from "styled-components";
|
|
|
|
const ClickablePadding = styled.div<{
|
|
grow?: boolean;
|
|
minHeight?: React.CSSProperties["paddingBottom"];
|
|
}>`
|
|
min-height: ${(props) => props.minHeight || "50vh"};
|
|
flex-grow: 100;
|
|
cursor: text;
|
|
`;
|
|
|
|
export default ClickablePadding;
|