ICON Change(Drawer, Toolbar)

src/components/core/Drawer.vue

@@ -30,7 +30,7 @@
 
         <v-list-tile v-if="$store.state.isUserInfoGetted===true" active-class="success" class="v-list-item v-list__tile--buy" @click="logOut" to="/">
           <v-list-tile-action>
-            <v-icon>mdi-package-up</v-icon>
+            <v-icon>mdi-logout</v-icon>
           </v-list-tile-action>
           <v-list-tile-title class="font-weight-light">
             Log Out
@@ -39,7 +39,7 @@
 
         <v-list-tile v-if="$store.state.isUserInfoGetted===false" active-class="success" class="v-list-item v-list__tile--buy" to="/login">
           <v-list-tile-action>
-            <v-icon>mdi-package-up</v-icon>
+            <v-icon>mdi-login</v-icon>
           </v-list-tile-action>
           <v-list-tile-title class="font-weight-light">
             Login
@@ -48,7 +48,7 @@
 
         <v-list-tile v-if="$store.state.isUserInfoGetted===false" active-class="success" class="v-list-item" to="/signup">
           <v-list-tile-action>
-            <v-icon>mdi-package-up</v-icon>
+            <v-icon>mdi-account-plus</v-icon>
           </v-list-tile-action>
           <v-list-tile-title class="font-weight-light">
             SingUp
@@ -63,6 +63,7 @@
 <script>
 // Utilities
 import {mapMutations, mapState} from 'vuex'
+import { mdiAlphaLBox } from '@mdi/js';
 
 export default {
   props: {
@@ -77,22 +78,22 @@ export default {
     links: [
       {
         to: '/',
-        icon: 'mdi-view-dashboard',
+        icon: 'mdi-home',
         text: 'Home'
       },
       {
         to: '/finderboard',
-        icon: 'mdi-account',
+        icon: 'F',
         text: 'Finder Board'
       },
       {
         to: '/losterboard',
-        icon: 'mdi-clipboard-outline',
+        icon: 'L',
         text: 'Loster Board'
       },
       {
         to: '/mypage',
-        icon: 'mdi-format-font',
+        icon: 'mdi-account',
         text: 'My Page'
       }
     ]

src/components/core/Toolbar.vue

@@ -13,25 +13,9 @@
     <v-toolbar-items>
       <v-flex align-center layout py-2>
         <router-link v-ripple class="toolbar-items" to="/">
-          <v-icon color="tertiary">mdi-view-dashboard</v-icon>
+          <v-icon color="tertiary">mdi-home</v-icon>
         </router-link>
-        <v-menu bottom left content-class="dropdown-menu" offset-y transition="slide-y-transition">
-          <router-link v-ripple slot="activator" class="toolbar-items" to="/notifications">
-            <v-badge color="error" overlap>
-              <template slot="badge">
-                {{ notifications.length }}
-              </template>
-              <v-icon color="tertiary">mdi-bell</v-icon>
-            </v-badge>
-          </router-link>
-          <v-card>
-            <v-list dense>
-              <v-list-tile v-for="notification in notifications" :key="notification" @click="onClick">
-                <v-list-tile-title v-text="notification"/>
-              </v-list-tile>
-            </v-list>
-          </v-card>
-        </v-menu>
+        
         <router-link v-ripple class="toolbar-items" to="/user-profile">
           <v-icon color="tertiary">mdi-account</v-icon>
         </router-link>
@@ -48,13 +32,6 @@ import {
 
 export default {
   data: () => ({
-    notifications: [
-      'Mike, John responded to your email',
-      'You have 5 new tasks',
-      'You\'re now a friend with Andrew',
-      'Another Notification',
-      'Another One'
-    ],
     title: null,
     responsive: false
   }),