<template>
    <div>
        <Folders />
        <Users id="users"/>
    </div>
</template>

<script>
import Folders from './folders/Folders';
import Users from './users/Users.vue';

export default {
  name: 'Sidebar',
  components: {
    Folders,
    Users,
  }
}
</script>

<style scoped>
div {
  display: flex;
  height: 100%;
}

#users {
  max-width: 300px;
  min-width: 250px;
}

/* todo setup max size */

</style>