<template>
  <div class="main d-flex">
    <div class="sidebar">Sidebar!</div>
    <Map></Map>
  </div>
</template>

<style lang="scss">
@import "../assets/application.scss";
$sidebar-full-width: 150px;
$sidebar-collapsed-width: 80px;

.main {
  height: 100vh;
}
.sidebar {
  padding-top: $large-offset;
  width: $sidebar-full-width;
}
#map {
  background-color: #ffffff;
  width: 100%;
}
</style>

<script>
import Map from "./Map";
export default {
  name: "mainview",
  components: {
    Map
  }
};
</script>