From 6beff59c17693eb7c12cc1dca9cb94ed60fecea8 Mon Sep 17 00:00:00 2001
From: Lemuel Marquez <lemuel@iMac-de-Lemuel.local>
Date: Wed, 21 Apr 2021 02:30:16 -0500
Subject: [PATCH] mejoras codigo error

---
 nuxt_buefy/layouts/error.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/nuxt_buefy/layouts/error.vue b/nuxt_buefy/layouts/error.vue
index 3a00e3c..7b270b1 100644
--- a/nuxt_buefy/layouts/error.vue
+++ b/nuxt_buefy/layouts/error.vue
@@ -2,12 +2,11 @@
   <section class="hero is-light is-bold is-large">
     <div class="container hero-body">
       <transition name="slide-fade" appear>
-        <div class="container columns">
+        <div class="columns">
           <div class="column animate__animated animate__fadeIn animate__slow">
             <b-image
-              class="image"
               :src="require('@/assets/404.webp')"
-              alt="404 image"
+              alt="404_image"
             ></b-image>
           </div>
 
@@ -36,21 +35,20 @@ export default {
 </script>
 
 <style scoped>
-.image {
-  height: 100%;
-  width: 100%;
-}
 .title {
   margin-top: 40%;
 }
+
 .slide-fade-enter-active {
   transition: all 2s ease;
 }
+
 .slide-fade-leave-active {
   transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
 }
-.slide-fade-enter, .slide-fade-leave-to
-/* .slide-fade-leave-active below version 2.1.8 */ {
+
+.slide-fade-enter,
+.slide-fade-leave-to {
   transform: translateX(10px);
   opacity: 0;
 }