diff --git a/src/components/core/Drawer.vue b/src/components/core/Drawer.vue index 0ad6df573a5215c68607ab6734c41b9779b9caaa..905dc0a531a36b79fb729f7433f8488d1161fe72 100644 --- a/src/components/core/Drawer.vue +++ b/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' } ] diff --git a/src/components/core/Toolbar.vue b/src/components/core/Toolbar.vue index c452fb544750fbb1785e5d5074860784facb9bf3..70ccd1039e8728502d10ea792531bbaa0f024a0a 100644 --- a/src/components/core/Toolbar.vue +++ b/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 }),