<template>
  <div class="administrative-wrap">
    <div class="inline-block administrative-wrap__left common-wrap__left">

    </div>
    <search-menu></search-menu>
    <div class="inline-block administrative-wrap__right common-wrap__right">

    </div>
  </div>
</template>
<script>
  import searchMenu from "components/contacts/searchMenu";
  export default {
    name: "administrativeFrame",
    components: {
      searchMenu
    },
    data() {
      return {

      }
    },
    computed: {

    },
    methods: {

    },
    mounted() {

    },
  };
</script>
<style lang="less" scoped>
  .administrative-wrap {
    width: 100%;
    font-size: 0;

    &__left {
      width: 260px;
      height: 690px;
      vertical-align: top;
      font-size: 14px;
      background: rgba(238,241,248,1);
      border-radius: 2px;
    }

    &__right {
      width: calc(100% - 260px);
      min-height: 690px;
      padding: 24px;
      vertical-align: top;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  }
</style>
