#34 First styles for post body and tags widget

jcmnunes · Jul 30, 2018 · 4f6ec59 · 4f6ec59
1 parent be7ed6f
commit 4f6ec59
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/src/templates/WorkSingle.js b/src/templates/WorkSingle.js
@@ -27,7 +27,7 @@ export default class WorkSingle extends Component {
           <div className={styles.backdrop} />
         </div>
         <div 
-          className={`section-wrapper ${styles.body}`}
+          className={`section-wrapper ${styles.postBody}`}
           dangerouslySetInnerHTML={{
             __html: data.markdownRemark.html,
           }}

diff --git a/src/templates/WorkSingle.module.css b/src/templates/WorkSingle.module.css
@@ -14,4 +14,20 @@
   width: 100%;
   height: 100%;
   background: color(var(--blue) alpha(0.28));
-}
+}
+
+.postBody {
+  & h1 {
+    font-size: 3rem;
+    color: color(var(--text) tint(20%));
+    text-transform: none;
+    border-bottom: none;
+    padding-bottom: 1rem;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  & h2 {
+    font-size: 2.5rem;
+  }
+}
diff --git a/static/admin/config.yml b/static/admin/config.yml
@@ -25,6 +25,11 @@ collections:
         widget: list
         fields:
           - {label: Image, name: image, widget: image}
+      - label: Tags
+        name: tags
+        widget: list
+        fields:
+          - {label: Tag, name: tag, widget: string}
       - {label: Body, name: body, widget: markdown}
 
   - label: "Content"