<template>
  <div class="container">
    <div class="left-list">
      <SearchList />
    </div>
    <div class="right-detail">
      <ItemDetail />
    </div>
  </div>
</template>

<script setup>
import SearchList from './SearchList.vue';
import ItemDetail from './ItemDetail.vue';
</script>
<style scoped lang="css">
.container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: calc(100% - 60px);
  background-color: #fff;
  padding: 0 20px;
  .left-list {
    background-color: #dffd;
  }
  .right-detail {
    /* background-color: #f7f7f7; */
  }
}
</style>
