41 lines
794 B
Vue
41 lines
794 B
Vue
<template lang="pug">
|
|
.app-container
|
|
the-header
|
|
.pages-container
|
|
the-sidebar
|
|
router-view
|
|
</template>
|
|
|
|
<script>
|
|
import TheHeader from "@/components/TheHeader";
|
|
import TheSidebar from "@/components/TheSidebar";
|
|
export default {
|
|
name: 'App',
|
|
components: {TheHeader, TheSidebar}
|
|
}
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
#app
|
|
height: 100%
|
|
width: 100%
|
|
font-family: Raleway, sans-serif
|
|
font-style: normal
|
|
font-feature-settings: 'pnum' on, 'lnum' on
|
|
-webkit-font-smoothing: antialiased
|
|
-moz-osx-font-smoothing: grayscale
|
|
.pages-container
|
|
display: flex
|
|
flex: auto
|
|
.app-container
|
|
height: 100%
|
|
width: 100%
|
|
row-gap: 8px
|
|
display: flex
|
|
flex-direction: column
|
|
body
|
|
background-color: var(--bg-lavender-color)
|
|
margin: 0
|
|
padding: 0
|
|
</style>
|