<template> <div> </div> </template> <script> export default { name: 'Empty', data() { return { } }, mounted(){ }, methods: { } } </script> <style rel="stylesheet/scss" lang="scss" scoped> .dashboard { &-container { margin-bottom: 30px; height: 100%; } } .title{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: space-between; align-items: center; background-color: white; .title-name{ width: 150px; font-weight: bold; padding-left: 20px; } } .block-container{ padding: 20px; background-color: white; height: 100%; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; /*margin: 0.04rem;*/ .block{ width: 25%; height: 45%; } } </style>