style

components/admin/Archivo.vue

@@ -134,3 +134,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/admin/CargaMasiva.vue

@@ -93,3 +93,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/admin/EditarResponsable.vue

@@ -149,3 +149,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/admin/InformacionServicio.vue

@@ -111,3 +111,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/admin/TablaCasosEspecialesAdmin.vue

@@ -148,4 +148,4 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped></style>

components/admin/TablaResponsables.vue

@@ -147,27 +147,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-
-.pointer {
-  cursor: pointer;
-}
-</style>
+<style scoped></style>

components/admin/TablaServiciosSociales.vue

@@ -141,4 +141,4 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped></style>

components/admin/TituloStatus.vue

@@ -21,3 +21,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/A.vue

@@ -79,3 +79,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/B.vue

@@ -96,3 +96,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/C.vue

@@ -251,3 +251,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/D.vue

@@ -191,3 +191,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/E.vue

@@ -111,3 +111,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/F.vue

@@ -252,3 +252,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/cuestionario/navCues.vue

@@ -186,3 +186,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/info.vue

@@ -71,3 +71,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/alumno/mensajes.vue

@@ -57,3 +57,5 @@ export default {
   props: ['status'],
 }
 </script>
+
+<style scoped></style>

components/alumno/pre-registro-validado.vue

@@ -44,7 +44,7 @@
         </button>
       </b-field>
     </div>
-    
+
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
     </b-loading>
   </div>
@@ -152,3 +152,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>

components/casoEspecial/tablaServicios.vue

@@ -229,23 +229,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-</style>
+<style scoped></style>

components/layouts/Header.vue

@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header class="header-page">
     <div class="container py-3">
       <div
         class="columns is-gapless is-vcentered is-justify-content-space-between is-mobile"
@@ -34,8 +34,31 @@
 export default {}
 </script>
 
-<style scoped>
-header {
+<style>
+.header-page {
   background-color: #1d3d6f;
 }
+
+.input:focus {
+  border: #1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+
+.select select:focus {
+  border-color: #1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-color: #1b3d70;
+}
+
+.pagination-link.is-current {
+  background-color: #1b3d70;
+  border-color: #1b3d70;
+}
+
+.pointer {
+  cursor: pointer;
+}
 </style>

components/responsable/TablaServiciosSociales.vue

@@ -298,23 +298,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-</style>
+<style scoped></style>

components/responsable/nuevoTexto.vue

@@ -25,3 +25,5 @@
     </p>
   </section>
 </template>
+
+<style scoped></style>

pages/admin/index.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import TablaServiciosSocialesAdmin from '@/components/admin/TablaServiciosSocialesAdmin'
+import TablaServiciosSocialesAdmin from '@/components/admin/TablaServiciosSociales'
 
 export default {
   components: {

pages/responsable/index.vue

@@ -1,10 +1,14 @@
 <template>
-  <section class="container">
+  <section class="container px-2 pb-6">
     <div class="section pb-0">
+      <p>Estimado(a) responsable del programa de servicio social:</p>
+
       <p>
-        Estimado(a) responsable del programa de servicio social: <br />
         Para registrar a un alumno de servicio social pulsa el botón
-        <strong> Agregar Alumno </strong> y sigue las instrucciones. <br />
+        <strong> Agregar Alumno </strong> y sigue las instrucciones.
+      </p>
+
+      <p>
         Para visualizar los datos completos de un alumno ya registrado o subir
         su carta de término, pulsa su nombre y se desplegará la ficha técnica
         con toda la información.
@@ -12,13 +16,13 @@
     </div>
 
     <div class="section pb-0">
-      <b-button type="is-info" @click="$router.push('/responsable/nuevo')">
+      <b-button type="is-info" tag="router-link" to="/responsable/nuevo">
         Agregar alumno
       </b-button>
     </div>
 
-    <InputTable
-      :admin="admin"
+    <TablaServiciosSociales
+      :responsable="responsable"
       :imprimirMensaje="imprimirMensaje"
       :imprimirWarning="imprimirWarning"
       :imprimirError="imprimirError"
@@ -27,22 +31,15 @@
 </template>
 
 <script>
-import InputTable from '@/components/responsable/inputTable'
+import TablaServiciosSociales from '@/components/responsable/TablaServiciosSociales'
 
 export default {
   components: {
-    InputTable,
-  },
-  beforeCreate() {
-    const idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-
-    if (idTipoUsuario === 1) this.$router.push('/admin')
-    if (idTipoUsuario === 3) this.$router.push('/alumno')
-    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    TablaServiciosSociales,
   },
   data() {
     return {
-      admin: {},
+      responsable: {},
     }
   },
   methods: {
@@ -101,10 +98,12 @@ export default {
       })
     },
     getLocalhostInfo() {
-      this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
-      this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-      this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
-      this.admin.token = {
+      this.responsable.idUsuario = Number(localStorage.getItem('idUsuario'))
+      this.responsable.idTipoUsuario = Number(
+        localStorage.getItem('idTipoUsuario')
+      )
+      this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
+      this.responsable.token = {
         headers: {
           token: localStorage.getItem('token'),
         },
@@ -113,9 +112,9 @@ export default {
   },
   created() {
     this.getLocalhostInfo()
-    if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
-    if (this.admin.idTipoUsuario === 3) this.$router.push('/alumno')
-    if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    if (this.responsable.idTipoUsuario === 1) this.$router.push('/responsable')
+    if (this.responsable.idTipoUsuario === 3) this.$router.push('/alumno')
+    if (this.responsable.idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>