storj/web/satellite/src/components/account/AccountArea.vue
NickolaiYurchenko 1c1e62be09 web/satellite: comments update
Change-Id: If5779cf8d80cf9fac7180498ce748f427df57e0a
2020-02-14 18:54:31 +02:00

59 lines
1.2 KiB
Vue

// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
<template>
<div class="account-area-container">
<router-view/>
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
/**
* AccountArea is a container for all account related routes.
*/
@Component
export default class AccountArea extends Vue {}
</script>
<style scoped lang="scss">
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
width: 4px;
background-color: #f5f6fa;
}
::-webkit-scrollbar-track-piece {
background-color: #f5f6fa;
}
::-webkit-scrollbar-thumb {
background-color: #afb7c1;
}
.account-area-container {
padding: 0 65px;
height: auto;
&__navigation {
position: absolute;
right: 55px;
z-index: 99;
background-color: #f5f6fa;
}
}
@media screen and (max-width: 1024px) {
.account-area-container {
padding: 44px 40px 55px 40px;
&__navigation {
right: 40px;
}
}
}
</style>