plantillas layout

components/layouts/Footer.vue

@@ -1,30 +1,33 @@
 <template>
-  <footer class="py-4">
-    <div class="container is-flex is-justify-content-center is-size-7 py-4">
-      <div class="has-text-white has-text-centered">
-        <p class="mb-1">Hecho en México, todos los derechos reservados 2020.</p>
+  <footer class="footer">
+    <div class="container has-text-centered is-size-7-touch is-size-6-desktop">
+      <p>Hecho en México, todos los derechos reservados {{ year() }}.</p>
 
-        <p>
-          Esta página puede ser reproducida con fines no lucrativos, siempre y
-          cuando no se mutile, se cite la fuente completa y su dirección
-          electrónica. De otra forma, requiere permiso previo por escrito de la
-          institución.
-        </p>
-      </div>
+      <p>
+        Esta página puede ser reproducida con fines no lucrativos, siempre y
+        cuando no se mutile, se cite la fuente completa y su dirección
+        electrónica. De otra forma, requiere permiso previo por escrito de la
+        institución.
+      </p>
     </div>
   </footer>
 </template>
 
 <script>
-export default {}
+import moment from 'moment'
+
+export default {
+  methods: {
+    year() {
+      return moment().year()
+    },
+  },
+}
 </script>
 
 <style scoped>
 footer {
-  background-color: #1b3d70;
-  /* position: fixed;
-  bottom: 0px;
-  left: 0px;
-  right: 0px; */
+  background-color: #1d3d6f;
+  color: #fff;
 }
 </style>

components/layouts/Header.vue

@@ -1,13 +1,13 @@
 <template>
   <header>
-    <div class="container">
+    <div class="container py-3">
       <div
-        class="columns is-mobile is-vcentered is-gapless is-justify-content-space-between"
+        class="columns is-gapless is-vcentered is-justify-content-space-between is-mobile"
       >
         <a
           href="https://www.unam.mx/"
+          class="column is-5-mobile is-3-tablet is-one-fifth-widescreen ml-3"
           target="_blank"
-          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 ml-2"
         >
           <b-image
             :src="require('@/assets/logo_unam.png')"
@@ -17,12 +17,12 @@
 
         <a
           href="https://www.acatlan.unam.mx/"
+          class="column is-5-mobile is-3-tablet is-one-fifth-widescreen mr-3"
           target="_blank"
-          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 mr-2"
         >
           <b-image
             :src="require('@/assets/logo_acatlan.png')"
-            alt="logo_unam"
+            alt="logo_acatlan"
           ></b-image>
         </a>
       </div>
@@ -36,6 +36,6 @@ export default {}
 
 <style scoped>
 header {
-  background-color: #1b3d70;
+  background-color: #1d3d6f;
 }
 </style>

components/layouts/Logout.vue

@@ -1,49 +1,36 @@
 <template>
   <section>
-    <nav
-      class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
-    >
-      <h2>{{ usuario }}</h2>
-      <b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
+    <div class="container is-flex is-justify-content-flex-end">
+      <b-button @click="cerrarSesion()" type="is-danger rojo" class="m-2"
         >Cerrar Sesión</b-button
       >
-    </nav>
+    </div>
   </section>
 </template>
 
 <script>
 export default {
-  data() {
-    return {
-      usuario: localStorage.getItem('usuario')
-        ? localStorage.getItem('usuario')
-        : '',
-    }
-  },
-  // created() {
-  //   if (
-  //     !localStorage.getItem("usuario") ||
-  //     !localStorage.getItem("idUsuario") ||
-  //     !localStorage.getItem("idTipoUsuario") ||
-  //     !localStorage.getItem("nombre") ||
-  //     !localStorage.getItem("tipoUsuario") ||
-  //     !localStorage.getItem("token")
-  //   )
-  //     this.$router.push("/");
-  // },
   methods: {
     cerrarSesion() {
       localStorage.clear()
-
       this.$router.push('/')
     },
   },
+  created() {
+    // if (!localStorage.getItem("usuario") ||
+    //     !localStorage.getItem("idUsuario") ||
+    //     !localStorage.getItem("idTipoUsuario") ||
+    //     !localStorage.getItem("nombre") ||
+    //     !localStorage.getItem("tipoUsuario") ||
+    //     !localStorage.getItem("token"))
+    //   this.cerrarSesion()
+  },
 }
 </script>
 
 <style scoped>
 section {
-  background-color: #bb8800;
+  background-color: #bb8704;
 }
 
 .rojo {