<div class="w-full flex min-h-full h-full rounded-lg" >
    <div class=" hidden md:grid bg-inherit border-r border-[var(--wc-light-border)] dark:border-[var(--wc-dark-border)]   dark:bg-inherit  relative w-full h-full md:w-[360px] lg:w-[400px] xl:w-[500px]  shrink-0 overflow-y-auto  ">
      <livewire:wirechat.chats
          :showHomeRouteButton="false"
      />
    </div>

    <main  class="  grid  w-full  grow  h-full min-h-min relative overflow-y-auto"  style="contain:content">
      <livewire:wirechat.chat  conversation="{{$this->conversation->id}}"/>
    </main>

</div>