<template>
    <div>
        <Accounts />
        <Rooms id="rooms" />
    </div>
</template>

<script>
import Accounts from "./accounts/Accounts";
import Rooms from "./rooms/Rooms.vue";

export default {
    name: "Sidebar",
    components: {
        Accounts,
        Rooms,
    },
};
</script>

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

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

/* todo setup max size */
</style>
