fix css

components/BreadCrumb.vue

@@ -78,4 +78,13 @@ export default {
     line-height: 1.2;
     color: #fff;
 }
+
+@media only screen and (max-width: 769px) {
+  .page-title {
+    font-size: 2.5rem;
+}
+.page-subtitle {
+    font-size: 1.5rem;
+}
+}
 </style>

components/FooterBar.vue

 <!-- eslint-disable vue/no-parsing-error -->
 <template>
-  <v-footer class="mt-12 flex-wrap" min-height="350px" dark padless>
+  <v-footer class="footer-bar mt-12 flex-wrap" dark padless>
     <v-row class="d-flex justify-space-between align-center">
       <v-col
         cols="12"
@@ -17,13 +17,12 @@
       </div>
       <v-col
         cols="12"
-        md="4"
+        md="2"
       >
       <v-text-field label="email address here ..."></v-text-field>
     </v-col>
     <v-btn color="primary">SUBSCRIBE</v-btn>
     </v-row>
-    <v-divider></v-divider>
   </v-footer>
 </template>
 
@@ -37,4 +36,9 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+.footer-bar {
+  min-height: 350px;
+  padding: 4rem;
+}
+</style>

components/user/Header.vue

@@ -376,12 +376,10 @@ export default {
     },
     updateCart () {
       eventBus.$on('add-to-cart', (response) => {
-        console.log('abc')
         this.getCardProducts()
       })
     },
     changeColor () {
-      console.log('abcd')
       this.$vuetify.theme.dark = !this.$vuetify.theme.dark
     }
   }

components/user/NavBar.vue

@@ -46,7 +46,7 @@
           </span>
         </div>
       </div>
-      <div class="d-flex align-center ">
+      <div class="none-tag align-center ">
         <v-icon>mdi-tag</v-icon>
         <span class="mx-2">
           Special offer!
@@ -133,10 +133,18 @@ export default {
     min-width: 350px;
     /* margin-top: 20px; */
   }
+  .none-tag {
+    display: flex;
+  }
 </style>
 
 <style>
   div .v-treeview-node__label {
     cursor: pointer;
   }
+  @media only screen and (max-width: 769px) {
+    .none-tag {
+      display: none !important;
+  }
+}
 </style>

pages/login.vue

@@ -157,7 +157,12 @@ export default {
   border-radius: 1rem;
 }
 
-@media only screen and (max-width: 768px) {
+.login-form >svg {
+  width:50% !important;
+  height:50% !important;
+}
+
+@media only screen and (max-width: 769px) {
 .login-form{
   width: 80%;
 }

pages/posts/index.vue

@@ -195,8 +195,6 @@
                       <v-row>
                         <v-col
                           cols="12"
-                          sm="6"
-                          md="4"
                         >
                           <v-text-field
                             v-model="title"