<template>
    <div class="student-class-teacher-style">
        <div class="column-style">
            <StudentManage/>
            <classManage/>
            <headmasterManage/>
        </div>
    </div>
</template>


<script>
    import StudentManage from './studentManage.vue'
    import classManage from './classManage.vue'
    import headmasterManage from './headmasterManage.vue'
    export default{
        data(){
            return {}
        },
        created(){
            document.documentElement.style.setProperty('--modTitleOne', '#094193');
            document.documentElement.style.setProperty('--modTitleTwo', '#094193');
        },
        components:{
            StudentManage,
            classManage,
            headmasterManage,
        }
    }
</script>

<style scoped lang="scss" type="text/scss">
    .student-class-teacher-style {
        width: 100%;
        height: 880px;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        .column-style {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            padding: 10px;
        }
    }
</style>