add updates for token container

CHANGELOG.md

@@ -1,13 +1,14 @@
 ### Release 0.7.19-beta
 
 ### feature
-* added mew input hover state and added slot prependInnerIcon which prepends content to the beginning of the input [#233](https://github.com/MyEtherWallet/mew-components/pull/233)
-* update mew-token-container with the correct styles and placeholders and update mew-select to use mew-token-container [#234](https://github.com/MyEtherWallet/mew-components/pull/234)
+
+- added mew input hover state and added slot prependInnerIcon which prepends content to the beginning of the input [#233](https://github.com/MyEtherWallet/mew-components/pull/233)
+- update mew-token-container with the correct styles and placeholders and update mew-select and mew-input to use mew-token-container, updated mew-title and mew-subtitle font-sizes and line-heights, add isFullWidth and isSmall to mew-tabs, remove title container if there is no title for mew-popup [#234](https://github.com/MyEtherWallet/mew-components/pull/234)
+- add hasTitle to mew-popup so it removes padding when there is no title [#237](https://github.com/MyEtherWallet/mew-components/pull/237)
 
 ### Release 0.7.18-beta
 
 ### feature
-* added mew menu item slot, removed line heights from typography, added branding [#232]https://github.com/MyEtherWallet/mew-components/pull/232)
-* added stakewise icons [#229]https://github.com/MyEtherWallet/mew-components/pull/229
-
 
+- added mew menu item slot, removed line heights from typography, added branding [#232]https://github.com/MyEtherWallet/mew-components/pull/232)
+- added stakewise icons [#229]https://github.com/MyEtherWallet/mew-components/pull/229

src/components/MewMenu/MewMenu.vue

@@ -21,20 +21,25 @@
         v-on="on"
       >
         {{ listObj.name }}
-        <v-icon v-if="!isMenuOpen" :class="['title', activatorTextColor]"
-          >mdi-chevron-down</v-icon
-        >
-        <v-icon v-if="isMenuOpen" :class="['title', activatorTextColor]"
-          >mdi-chevron-up</v-icon
-        >
+        <v-icon
+          v-if="!isMenuOpen"
+          :class="['title', activatorTextColor]"
+        >mdi-chevron-down</v-icon>
+        <v-icon
+          v-if="isMenuOpen"
+          :class="['title', activatorTextColor]"
+        >mdi-chevron-up</v-icon>
       </span>
     </template>
     <!--
   =====================================================================================
     Menu List Content
   =====================================================================================
   -->
-    <v-list v-for="(item, index) in listObj.items" :key="index">
+    <v-list
+      v-for="(item, index) in listObj.items"
+      :key="index"
+    >
       <!--
   =====================================================================================
    slot: 'mewMenuItem' + menu item number
@@ -55,7 +60,11 @@
         <v-list-item-title
           class="mew-body basic--text subItem d-flex align-center"
         >
-          <v-icon v-if="subItem.iconName" class="mr-1 basic--text" size="14px">
+          <v-icon
+            v-if="subItem.iconName"
+            class="mr-1 basic--text"
+            size="14px"
+          >
             {{ subItem.iconName }}
           </v-icon>
           {{ subItem.title }}
@@ -67,7 +76,7 @@
 
 <script>
 export default {
-  name: "MewMenu",
+  name: 'MewMenu',
   data() {
     return {
       isMenuOpen: false,
@@ -90,17 +99,17 @@ export default {
      */
     activatorTextColor: {
       type: String,
-      default: "basic--text",
+      default: 'basic--text',
     },
   },
   computed: {
     contentClasses() {
-      return "mew-menu-content elevation-2 ";
+      return 'mew-menu-content elevation-2 ';
     },
   },
   methods: {
     goTo(link) {
-      this.$emit("goToPage", link);
+      this.$emit('goToPage', link);
     },
   },
 };