Merge pull request #20 from requisitos-habitica/pos2

Add tables

package.json

@@ -28,4 +28,4 @@
     "not ie <= 11",
     "not op_mini all"
   ]
-}
+}

src/App.scss

@@ -1,13 +1,13 @@
 :root {
   --color-purple: #500077;
-  --color-purple-light: #7300B5;
-  --color-purple-dark: #41005E;
+  --color-purple-light: #7300b5;
+  --color-purple-dark: #41005e;
 
-  --shadow: 0 1rem 2rem rgba(0 ,0, 0, .35);
-  --shadow-close: 0 .5rem 1rem rgba(0, 0, 0, 0.45);
+  --shadow: 0 1rem 2rem rgba(0, 0, 0, 0.35);
+  --shadow-close: 0 0.5rem 1rem rgba(0, 0, 0, 0.45);
   --shadow-far: 0 1.2rem 1.2rem rgba(0, 0, 0, 0.45);
-  --transition-fast: all .4s;
-  --transition-slow: all .8s;
+  --transition-fast: all 0.4s;
+  --transition-slow: all 0.8s;
 
   --font-size-base-text: 1.3rem;
 }
@@ -19,17 +19,18 @@
 
 html {
   box-sizing: border-box;
-  font-size: calc(.71vw + 1px);
-} 
+  font-size: calc(0.71vw + 1px);
+}
 
 *,
 *::before,
 *::after {
   box-sizing: inherit;
 }
 
-h1, h2 {
-  font-family: 'Varela Round', sans-serif;
+h1,
+h2 {
+  font-family: "Varela Round", sans-serif;
 }
 
 h1 {
@@ -43,21 +44,22 @@ h1 {
   align-items: center;
 
   &::after {
-    content: '';
+    content: "";
     width: 6rem;
-    border-bottom: .18rem solid var(--color-purple);
+    border-bottom: 0.18rem solid var(--color-purple);
   }
 }
 
 body {
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
   font-weight: 400;
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-p, li {
+p,
+li {
   font-size: var(--font-size-base-text);
 }
 
@@ -66,9 +68,11 @@ p, li {
   margin: 0 auto;
 }
 
-.artefact { 
+.artefact {
   padding-top: 10rem;
-  h1 { margin: 0; }
+  h1 {
+    margin: 0;
+  }
   a {
     color: var(--color-purple);
     font-weight: bold;
@@ -78,23 +82,23 @@ p, li {
 table {
   margin: 2.5rem 0;
   width: 100%;
-  font-family: 'Varella';
+  font-family: "Varella";
   font-size: 1.1rem;
   tr:first-child {
-      border: none;
-      th {
-          background-color: var(--color-purple-light);
-          color: white;
-      }
+    border: none;
+    th {
+      background-color: var(--color-purple-light);
+      color: white;
+    }
   }
-
-  th, td {
-      font-family: 'Varela Round', sans-serif;
-      box-shadow: 0 0 .5rem rgba(0,0,0,.3);
-      border-radius: .3rem;
-      padding: 1.2rem;
+
+  th,
+  td {
+    font-family: "Varela Round", sans-serif;
+    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
+    border-radius: 0.3rem;
+    padding: 1.2rem;
   }
-
 }
 
 ::-webkit-scrollbar {
@@ -107,4 +111,18 @@ table {
 
 ::-webkit-scrollbar-thumb {
   background: var(--color-purple-light);
-}
+}
+.table-fixed {
+  overflow-y: scroll;
+  height: 50rem;
+  width: 100%;
+  table {
+    width: 100%;
+    text-align: center;
+  }
+
+  th {
+    position: sticky;
+    top: 0;
+  }
+}

src/components/docs/Disciplina/Disciplina.js

@@ -17,10 +17,10 @@ const Disciplina = () => (
       A disciplina da UnB possui como objetivo capacitar o estudante a compreender conceitos, técnicas, procedimentos e ferramentas para o levantamento de requisitos.
     </p>
 
-    <h2>Grupo 1 - Habitica</h2>
+    <h2>Grupo 2 - Habitica</h2>
     <p>
       Ao decorrer da disciplina, a equipe utilizou-se dos conhecimentos adquiridos durante as aulas de Requisitos de Software para consolidar o conhecimento dos casos estudados e serem avaliados pelos professores responsáveis pela matéria.
-      O Grupo 1, Habitia, é composto pelos seguintes integrante:
+      O Grupo 2 é composto pelos seguintes integrantes:
     </p>
 
     <table cellSpacing="8">