﻿<template>
  <div class="dashboard">
    <!--<div class="dashboard-elements">
      <dashboard-element :high="true" />
      <dashboard-element :wide="true" />
      <dashboard-element />
      <dashboard-element />
      <dashboard-element />
    </div>-->
  </div>
</template>

<script>
  export default {}
</script>

<style lang="scss">
  .dashboard
  {
    position: relative;
    padding-top: 0;
  }

  .dashboard-elements
  {
    display: grid;
    padding: var(--padding);
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    grid-auto-rows: minmax(240px, auto);
    grid-auto-flow: dense;
  }
</style>