- implement actions section

- implement settings section

src/pages/r/view.js

@@ -40,6 +40,7 @@ const ResumeViewer = ({ id }) => {
           <title>{resume.name} | Reactive Resume</title>
           <link rel="canonical" href={`https://rxresu.me/r/${id}`} />
         </Helmet>
+
         <div
           className={styles.page}
           style={{ backgroundColor: resume.metadata.colors.background }}

src/pages/r/view.module.css

@@ -1,13 +1,15 @@
-.container {
-  background-color: #212121;
-  @apply h-screen overflow-scroll col-span-5 flex flex-col items-center;
-}
+@media screen {
+  .container {
+    background-color: #212121;
+    @apply col-span-5 flex flex-col items-center;
+  }
 
-.page {
-  width: 800px;
-  @apply block my-16 rounded shadow-2xl;
-}
-
-.footer {
-  @apply mb-16 text-white text-center opacity-50 leading-loose;
+  .page {
+    width: 800px;
+    @apply block my-16 rounded shadow-2xl;
+  }
+  
+  .footer {
+    @apply mb-16 text-white text-center opacity-50 leading-loose;
+  }
 }