Remove content header, fix and refactor dash component
{{ errorMessage }}
</v-alert>
<header class="main-header">
- <span class="logo-mini">
- </span>
- <!-- Header Navbar -->
<nav
class="navbar navbar-static-top"
role="navigation"
>
+ <a
+ href="javascript:;"
+ class="sidebar-toggle"
+ data-toggle="offcanvas"
+ role="button"
+ >
+ <span class="sr-only">Toggle navigation</span>
+ </a>
<v-menu
class="user_chip"
:close-on-content-click="false"
</v-menu>
</nav>
</header>
- <!-- Left side column. contains the logo and sidebar -->
<BaseSidebar/>
- <!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <h1>
- {{$route.name }}
- <small>{{ $route.meta.description }}</small>
- </h1>
- </section>
<router-view></router-view>
</div>
- <!-- /.content-wrapper -->
</div>
- <!-- ./wrapper -->
</template>
<script>
@@ -77,7 +71,6 @@ export default {
data: function () {
return {
- // section: 'Dash',
year: new Date().getFullYear(),
classes: {
fixed_layout: config.fixedLayout,
@@ -103,13 +96,21 @@ export default {
api
.request('delete', '/user/logout', this.$store.state.accessToken)
.catch(error => {
+ if (!error.hasOwnProperty('response')) {
+ this.errorMessage = error.message
+ } else {
this.errorMessage = error.response.data.msg
+ }
this.alert = true
})
api
.request('delete', '/user/logout/refresh_token', this.$store.state.refreshToken)
.catch(error => {
+ if (!error.hasOwnProperty('response')) {
+ this.errorMessage = error.message
+ } else {
this.errorMessage = error.response.data.msg
+ }
this.alert = true
})
this.$store.commit('SET_USER', null)
@@ -157,39 +158,4 @@ export default {
height: 100vh;
}
}
-
-.wrapper.hide_logo {
- @media (max-width: 767px) {
- .main-header .logo {
- display: none;
- }
- }
-}
-
-.logo-mini,
-.logo-lg {
- text-align: left;
-
- img {
- padding: .4em !important;
- }
-}
-
-.logo-lg {
- img {
- display: -webkit-inline-box;
- width: 25%;
- }
-}
-
-.user-panel {
- height: 4em;
-}
-
-hr.visible-xs-block {
- width: 100%;
- background-color: rgba(0, 0, 0, 0.17);
- height: 1px;
- border-color: transparent;
-}
</style>
