Adrià Vilanova MartÃnez | f7ee658 | 2021-09-02 21:53:28 +0200 | [diff] [blame] | 1 | <script> |
| 2 | export default { |
| 3 | props: { |
| 4 | 'mini': Boolean, |
| 5 | }, |
| 6 | }; |
| 7 | </script> |
| 8 | |
| 9 | <template> |
| 10 | <div class="page-content"> |
| 11 | <div class="main mdc-elevation--z4" :class="{'main--mini': mini}"> |
| 12 | <slot></slot> |
| 13 | </div> |
| 14 | </div> |
| 15 | </template> |
| 16 | |
| 17 | <style scoped> |
| 18 | .main { |
| 19 | position: relative; |
| 20 | display: block; |
| 21 | width: Calc(100% - 64px); |
| 22 | max-width: 1024px; |
| 23 | margin: 20px auto; |
| 24 | padding: 16px 16px 16px 16px; |
| 25 | border-radius: 2px; |
| 26 | background: #FFFFFF; |
| 27 | font-family: "Roboto", "Helvetica", "Arial", sans-serif; |
| 28 | } |
| 29 | |
| 30 | .main.main--mini { |
| 31 | max-width: 400px; |
| 32 | } |
| 33 | </style> |