| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 1 | <template> |
| 2 | <main id="main-content"> | ||||
| 3 | <slot /> | ||||
| 4 | </main> | ||||
| 5 | </template> | ||||
| 6 | |||||
| 7 | <script> | ||||
| 8 | export default { | ||||
| 9 | name: 'PageContainer' | ||||
| 10 | }; | ||||
| 11 | </script> | ||||
| 12 | |||||
| 13 | <style lang="scss" scoped> | ||||
| 14 | main { | ||||
| 15 | padding-top: $spacer * 1.5; | ||||
| 16 | padding-bottom: $spacer * 3; | ||||
| 17 | padding-left: $spacer * 2; | ||||
| 18 | padding-right: $spacer; | ||||
| 19 | background-color: $gray-100; | ||||
| 20 | height: 100%; | ||||
| 21 | min-height: calc(100vh - 60px /*header height*/); | ||||
| 22 | } | ||||
| 23 | </style> | ||||