2018-11-27 10:51:33 +00:00
|
|
|
// Copyright (C) 2018 Storj Labs, Inc.
|
|
|
|
// See LICENSE for copying information.
|
|
|
|
|
2018-11-14 14:00:01 +00:00
|
|
|
<template>
|
2018-11-19 15:32:50 +00:00
|
|
|
<div class="dashboard-container">
|
2018-11-14 14:00:01 +00:00
|
|
|
<DashboardHeader />
|
2018-12-05 16:39:03 +00:00
|
|
|
<div class="dashboard-container__wrap">
|
|
|
|
<NavigationArea />
|
|
|
|
<div class="dashboard-container__main-area">
|
|
|
|
<router-view />
|
|
|
|
</div>
|
2018-11-14 14:00:01 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { Component, Vue } from 'vue-property-decorator';
|
2018-12-18 14:43:23 +00:00
|
|
|
import DashboardHeader from '@/components/dashboard/DashboardHeader.vue';
|
|
|
|
import NavigationArea from '@/components/navigation/NavigationArea.vue';
|
2018-11-14 14:00:01 +00:00
|
|
|
|
|
|
|
@Component({
|
2018-12-18 14:43:23 +00:00
|
|
|
components: {
|
2018-11-14 14:00:01 +00:00
|
|
|
NavigationArea,
|
2018-12-18 14:43:23 +00:00
|
|
|
DashboardHeader
|
|
|
|
}
|
2018-11-14 14:00:01 +00:00
|
|
|
})
|
2018-12-18 14:43:23 +00:00
|
|
|
export default class Dashboard extends Vue {
|
|
|
|
}
|
2018-11-14 14:00:01 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
2018-11-19 15:32:50 +00:00
|
|
|
.dashboard-container {
|
2018-11-14 14:00:01 +00:00
|
|
|
position: fixed;
|
2018-11-23 15:48:11 +00:00
|
|
|
max-width: 100%;
|
2018-11-14 14:00:01 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
background-color: #F5F6FA;
|
|
|
|
z-index: 10;
|
2018-11-19 15:32:50 +00:00
|
|
|
|
2018-12-05 16:39:03 +00:00
|
|
|
&__wrap {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
2018-11-19 15:32:50 +00:00
|
|
|
&__main-area {
|
2018-12-05 16:39:03 +00:00
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
2018-11-19 15:32:50 +00:00
|
|
|
height: 100%;
|
|
|
|
}
|
2018-11-14 14:00:01 +00:00
|
|
|
}
|
2018-11-23 15:48:11 +00:00
|
|
|
@media screen and (max-width: 720px) {
|
|
|
|
.dashboard-container {
|
|
|
|
&__main-area{
|
|
|
|
left: 60px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-11-14 14:00:01 +00:00
|
|
|
</style>
|