<template>
    <div class="c-page-container">
        <p class="title">{{title}}</p>
        <div style="flex:1;padding:0.5rem">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    props:['title']
}
</script>
<style scoped>
    .title{
        margin: 0;
        padding: 0.5em;
        padding-left:1em ;
        font-size: 1rem;
        border-bottom: 2px solid #337bde;
    }
    .c-page-container{
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
    }
</style>