Merge branch 'feature/home-page' into 'feature/deploy-to-aws'

add feature home-page

See merge request !32

components/PageCarousels.vue

@@ -14,11 +14,7 @@
         class="fill-height"
         align="center"
         justify="center"
-      >
-        <div class="text-h2">
-          {{ index +1 }}
-        </div>
-      </v-row>
+      />
     </v-carousel-item>
   </v-carousel>
 </template>

components/user/Header.vue

 <template>
-  <div>
+  <div class="header-all">
     <!-- header top -->
     <div class="header-top">
       <v-container class="pa-0">
@@ -290,6 +290,7 @@ export default {
     }
     this.updateWishlist()
     this.updateCart()
+    window.addEventListener('scroll', this.handleScroll)
   },
   methods: {
     closeDialog () {
@@ -415,12 +416,29 @@ export default {
           duration: 2000
         })
       }
+    },
+    handleScroll () {
+      const nav = document.querySelector('.header-middle')
+      const navv = document.querySelector('.header-all')
+      if (window.scrollY > navv.offsetTop) {
+        nav.classList.add('sticky')
+      } else {
+        nav.classList.remove('sticky')
+      }
     }
   }
 }
 </script>
 
 <style scoped>
+.header-middle.sticky {
+  position: fixed;
+  width: 100%;
+  background-color: #ffffff;
+  z-index: 100;
+  top: 0;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
 .header-top {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   font-size: 12px;

pages/banners/index.vue

@@ -196,7 +196,7 @@
           {{ index + 1 }}
         </template>
         <template #[`item.image`]="{ item }">
-          <v-img :src="item.image" width="200" />
+          <v-img :src="item.image" max-width="200" />
         </template>
         <template #[`item.status`]="{ item }">
           <v-switch

pages/login.vue

@@ -10,6 +10,7 @@
           required
           @input="$v.email.$touch()"
           @blur="$v.email.$touch()"
+          @keydown.enter="login"
         />
         <v-text-field
           v-model="password"
@@ -22,6 +23,7 @@
           @input="$v.password.$touch()"
           @blur="$v.password.$touch()"
           @click:append="showPassword = !showPassword"
+          @keydown.enter="login"
         />
         <v-checkbox
           v-model="checkbox"