add scroll to card

components/user/Header.vue

@@ -130,21 +130,21 @@
               </v-icon>
             </v-badge>
             <v-menu activator="#menu-activator" style="width: 300px">
-              <v-list dense three-line>
+              <v-list class="list-item no-scroll" dense three-line>
                 <v-list-item
                   v-for="item in products"
                   :key="item.id"
                   link
                 >
-                  <v-list-item-avatar>
+                  <v-list-item-avatar tile align-center min-height="80px" cover>
                     <v-img :src="item.product.images[0]" />
                   </v-list-item-avatar>
-                  <v-list-item-content>
+                  <v-list-item-content class="list-item-card">
                     <v-list-item-title>{{ item.product.name }}</v-list-item-title>
-                    <v-list-item-subtitle>{{ item.quantity +"x"+ item.product.price }}</v-list-item-subtitle>
+                    <v-list-item-subtitle>{{ item.quantity +"x"+ item.product.price + "$" }}</v-list-item-subtitle>
                   </v-list-item-content>
 
-                  <v-list-item-action>
+                  <v-list-item-action class="align-self-center">
                     <v-btn icon @click="removeCart(item,index)">
                       <v-icon color="grey lighten-1">
                         mdi-close-circle-outline
@@ -529,4 +529,14 @@ b {
   padding: 25px;
   background-color: #ffffff;
 }
+.list-item-card {
+  align-self: center !important;
+}
+.list-item {
+  overflow-y: auto;
+  height: 450px;
+}
+.list-item::-webkit-scrollbar {
+  display: none;
+}
 </style>