traxxx/assets/components/container/container.vue

45 lines
643 B
Vue

<template>
<div class="container">
<Header />
<div class="content">
<router-view />
</div>
</div>
</template>
<script>
import Header from '../header/header.vue';
export default {
components: {
Header,
},
};
</script>
<style lang="scss">
@import 'theme';
.container {
background: $background-dim;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.content {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: auto;
}
.content-inner {
flex-grow: 1;
padding: 1rem;
overflow-y: auto;
}
</style>