blob: 16f0933bed859c783e74e7467aa5331ba53dc24f [file] [log] [blame]
Adrià Vilanova Martínezf7ee6582021-09-02 21:53:28 +02001<script>
2export 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>