@extends('user.layout.master')
@section('title', 'Chat')

<style>
    .chat-wrapper{
        max-height:400px !important;
        /* overflow-y: auto; */
    }
    .chat-wrapper{
        max-height:400px !important;
    }
</style>
@section('content')
    <div class="container">
        <div class="row chat-wrapper">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row position-relative">
                            @livewire('chat.user-chat')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('custom-scripts')
  <script src="{{ asset('assets/js/chat.js') }}"></script>
@endpush