finished the task layouting the sidebar section
parent
4ca8dda0c2
commit
4a13e310c5
|
|
@ -18,16 +18,19 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass">
|
<style lang="sass">
|
||||||
@import 'normalize-scss';
|
@import 'normalize-scss'
|
||||||
@include normalize();
|
@include normalize()
|
||||||
|
|
||||||
.root,.page-wrapper
|
.root,.page-wrapper
|
||||||
display: flex
|
display: flex
|
||||||
|
|
||||||
.page-wrapper
|
.page-wrapper
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
flex-grow: 1
|
flex-grow: 1
|
||||||
height: 100vh
|
height: 100vh
|
||||||
box-sizing: border-box
|
box-sizing: border-box
|
||||||
max-height: 100vh
|
max-height: 100vh
|
||||||
|
|
||||||
.page
|
.page
|
||||||
flex-grow: 1
|
flex-grow: 1
|
||||||
overflow: auto
|
overflow: auto
|
||||||
|
|
|
||||||
|
|
@ -14,4 +14,5 @@ export default {
|
||||||
section
|
section
|
||||||
width: 100%
|
width: 100%
|
||||||
max-width: 250px
|
max-width: 250px
|
||||||
|
padding: 2rem 3rem
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue