<template>
  <div :class="['inventory-map', { 'extended': isExtend }]">
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'inventory-map',
  props: ['isExtend'],
};
</script>

<style lang="scss" scope>
  .inventory-map {
    display: flex;
    background-color: #F9F9FB;
    margin-left: -16px;
    margin-top: 50px;
    padding: 0 25px;
    width: 932px;
    overflow-y: scroll;
    border-left: 1px solid #EEE;
    &.extended {
      width: 1100px;
      margin: 0 auto;
      margin-top: 50px;
      border-left: 0;
    }
    > * {
      width: 100%;
    }
  }
</style>
