Update to the page content header

2022-08-16 17:49:21 -07:00
parent fa1c680f6e
commit 6ffe720d90
10 changed files with 197 additions and 167 deletions
--- a/web/components/common/ContentHeader/ContentHeader.module.scss
+++ b/web/components/common/ContentHeader/ContentHeader.module.scss
@@ -0,0 +1,57 @@
+.root {
+  position: relative;
+  display: grid;
+}
+
+.buttonsLogoTitleSection {
+  // margin-left: 1.5vw;
+  // margin-right: 1.5vw;
+}
+
+.row {
+  margin-bottom: 7px;
+}
+
+.logoTitleSection {
+  display: flex;
+  @media (max-width: 768px) {
+    flex-direction: column;
+    .logo {
+      margin-left: auto;
+      margin-right: auto;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.titleSection {
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    font-size: 32px;
+    font-weight: bold;
+    color: black;
+    text-transform: uppercase;
+    line-height: 30px;
+  }
+
+  .subtitle {
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 22px;
+    color: var(--theme-text-secondary);
+  }
+}
+
+.tagList {
+  font-family: var(--theme-text-display-font-family);
+  color: var(--theme-text-primary);
+
+  span {
+    display: inline-block;
+    margin-right: 8px;
+    font-size: 14px;
+    font-weight: 300;
+  }
+}