Merge pull request #275 from fga-eps-mds/feature-RF02_disciplinasCurs…

…adas [REFACT] (Issue #274) : correção e refatoração
fga-eps-mds · Apr 23, 2022 · 833e57c · 833e57c
2 parents b9fc0e5 + c3c30fa
commit 833e57c
Showing 1 changed file with 25 additions and 106 deletions.
diff --git a/src/components/telaRF2.vue b/src/components/telaRF2.vue
@@ -1,26 +1,16 @@
 <template>
   <body class="div">
-    <div class="bloco-left">
-      <h1 class="titulo-01">DISCIPLINAS CURSADAS</h1>
-      <h1 class="subtitulo-left01">DISCIPLINAS OBRIGATÓRIAS</h1>
-      <div class="conteudo01-left">
+    <div class="bloco">
+      <h1 class="titulo">Disciplinas Cursadas</h1>
+      <div class="conteudo">
         <!-- local para colocar o resultado das diciplinas obrigatorias cursadas -->
       </div>
-      <h1 class="subtitulo-left02">DISCIPLINAS OPTATIVAS</h1>
-      <div class="conteudo02-left">
-        <!-- local para colocar o resultado das diciplinas optativas cursadas -->
-      </div>
     </div>
-    <div class="bloco-right">
-      <h1 class="titulo-02">DISCIPLINAS DISPONÍVEIS PARA O PRÓXIMO SEMESTRE</h1>
-      <h1 class="subtitulo-right01">DISCIPLINAS OBRIGATÓRIAS</h1>
-      <div class="conteudo01-right">
+    <div class="bloco">
+      <h1 class="titulo">Disponíveis Para o Próximo Semestre</h1>
+      <div class="conteudo">
         <!-- local para colocar o resultado das diciplinas obrigatorias para o proximo semestre -->
       </div>
-      <h1 class="subtitulo-right02">DISCIPLINAS OPTATIVAS</h1>
-      <div class="conteudo02-right">
-        <!-- local para colocar o resultado das diciplinas optativas para o proximo semestre -->
-      </div>
     </div>
   </body>
 </template>
@@ -32,105 +22,34 @@ export default {
 </script>
 
 <style>
-.bloco-left {
-  width: 650px;
-  float: left;
-  background-color: #efefea;
-}
-
-.titulo-01 {
-  font-size: 22px;
-  font-weight: bold;
-  color: white;
-  background-color: #435382;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: center;
-}
-
-.subtitulo-left01 {
-  font-size: 22px;
-  font-weight: bold;
-  color: rgb(0, 0, 0);
-  background-color: #c4c4c4;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: center;
-}
-
-.conteudo01-left {
-  width: 650px;
-  height: 350px;
-  background-color: #efefea;
-}
-
-.subtitulo-left02 {
-  font-size: 22px;
-  font-weight: bold;
-  color: rgb(0, 0, 0);
-  background-color: #c4c4c4;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: center;
-}
-
-.conteudo02-left {
-  width: 650px;
-  height: 350px;
-  background-color: #efefea;
+.div {
+  margin: auto;
+  width: 90em;
+  height: 27em;
 }
-
-.bloco-right {
-  width: 650px;
-  float: right;
+.bloco {
+  width: 255px;
+  float: left;
   background-color: #efefea;
-}
-
-.titulo-02 {
-  font-size: 22px;
+  position: relative;
+  left: 40px;
+  margin-left: 45px;
+}
+.titulo {
+  font-family: Verdana, sans-serif;
+  font-size: 12.32px;
+  font-variant: small-caps;
   font-weight: bold;
+  letter-spacing: 1px;
   color: white;
   background-color: #435382;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
 }
-
-.subtitulo-right01 {
-  font-size: 22px;
-  font-weight: bold;
-  color: rgb(0, 0, 0);
-  background-color: #c4c4c4;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: center;
-}
-
-.conteudo01-right {
-  width: 650px;
-  height: 350px;
-  background-color: #efefea;
-}
-
-.subtitulo-right02 {
-  font-size: 22px;
-  font-weight: bold;
-  color: rgb(0, 0, 0);
-  background-color: #c4c4c4;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  text-align: center;
-}
-
-.conteudo02-right {
-  width: 650px;
-  height: 350px;
+.conteudo {
+  width: 250px;
+  height: 300px;
   background-color: #efefea;
 }
-
-.div {
-  margin: auto;
-  width: 90em;
-  height: 27em;
-}
 </style>