Kind of hacky for now, need to re-do all of the heading components. closes OLN-166

2024-01-06 11:32:57 -05:00
parent 3ea1f72bc3
commit fc76918932
2 changed files with 4 additions and 3 deletions
--- a/app/components/Heading.ts
+++ b/app/components/Heading.ts
@@ -1,9 +1,10 @@
 import styled from "styled-components";

-const Heading = styled.h1<{ centered?: boolean }>`
+const Heading = styled.h1<{ as: string; centered?: boolean }>`
  display: flex;
  align-items: center;
  user-select: none;
+  ${(props) => (props.as ? "" : "margin-top: 6vh; font-weight: 600;")}
  ${(props) => (props.centered ? "text-align: center;" : "")}
 `;