Dynamic bottom padding

2022-12-15 21:03:47 -05:00
parent 6f57767b7c
commit 1995a3fb19
3 changed files with 10 additions and 9 deletions
--- a/app/components/ClickablePadding.ts
+++ b/app/components/ClickablePadding.ts
@@ -1,9 +1,9 @@
 import styled from "styled-components";

-const ClickablePadding = styled.div<{ grow?: boolean }>`
-  min-height: 50vh;
-  cursor: ${({ onClick }) => (onClick ? "text" : "default")};
-  ${({ grow }) => grow && `flex-grow: 100;`};
+const ClickablePadding = styled.div<{ grow?: boolean; minHeight?: string }>`
+  min-height: ${(props) => props.minHeight || "50vh"};
+  flex-grow: 100;
+  cursor: text;
 `;

 export default ClickablePadding;