chore: Title on view Pad

victorlucss · Mar 22, 2021 · dc4bb50 · dc4bb50
1 parent fbe164a
commit dc4bb50
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/layouts/Content.js b/layouts/Content.js
@@ -26,6 +26,9 @@ const Content = styled.div`
   margin-left: auto;
   margin-right: auto;
 
+  width: 100%;
+  box-sizing: border-box;
+
   max-width: ${(props) => props.max};
   height: ${(props) => props.height};
   padding: ${(props) => props.padding};

diff --git a/pages/[padName]/view.js b/pages/[padName]/view.js
@@ -30,6 +30,10 @@ export default function Pad() {
   }, 5000);
 
   return (
-    <Content dangerouslySetInnerHTML={{ __html: contentHtml }} />
+    <Content>
+      <h1>{query.padName}</h1>
+
+      <div dangerouslySetInnerHTML={{ __html: contentHtml }}/>
+    </Content>
   );
 }