[UPDATE] (issue #267): Modificando componentes para que se adequem ao…

… Sigaa

src/components/tela.vue

@@ -20,7 +20,7 @@ export default {
         }
     },
     mounted(){
-        fetch('http://localhost:3000/equivalencias')
+        fetch('https://secret-scrubland-39947.herokuapp.com/equivalencias')
         .then(resp => resp.json())
         .then(data => this.equivalencias = data)
         
@@ -48,18 +48,24 @@ export default {
 </script>
 
 <style>
+.telaVue {
+  margin: auto;
+  width: 60em;
+  height: 40em;
+  background-color: rgb(235, 235, 235);
+}
 /*
 h1{
     color: white;
-}
+}*/
 input{
     width: 20em;
     height: 3.5em;
     border-radius: 2em;
     margin-bottom: 2em;
     
 }
-p{
+/*p{
     color: white;
 }
 */

src/main.js

@@ -1,4 +1,12 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+import telaRF2 from './components/telaRF2.vue'
+import tela from './components/tela.vue'
+import telaGraficos from './components/telaGraficos.vue'
+//import App from './App.vue'
+
+
+createApp(telaRF2).mount(".fluxo")
+createApp(tela).mount(".equivalencia")
+createApp(telaGraficos).mount(".graficos")
+
 
-createApp(App).mount('#app')