update

public/css/messages.css

@@ -11,7 +11,7 @@
   opacity: 0;
 }
 .im-body {
-  height: calc(80vh - 185px) !important;
+  height: calc(60vh - 185px) !important;
 }
 .im-container {
   display: flex;
@@ -101,7 +101,15 @@
   margin-left: auto;
   background: #e4f9ff;
 }
-
+.im-container .im-rhs .im-messages {
+  margin-bottom: 100px;
+}
+.im-container .im-rhs .im-input {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
 .im-container .im-rhs .im-input textarea {
   width: 100%;
   height: 35px;
@@ -117,14 +125,15 @@
   outline: 0;
 }
 .im-container .im-rhs .im-input #selected-files .selected-file {
-  background: #eee;
+  background: #fff;
   border: 1px solid #ccc;
-  border-radius: 3px;
+  border-radius: 5px;
   padding: 2px 20px 2px 5px;
   cursor: pointer;
   position: relative;
   margin-top: 6px;
-  margin-right: 6px;
+  margin-right: 10px;
+  font-size: 13px;
 }
 .im-container .im-rhs .im-input #selected-files .selected-file:hover {
   color: #b11313;
@@ -139,7 +148,6 @@
   margin-right: 5px;
 }
 .im-container .im-message.sent .header-item {
-  margin-left: 0.75rem;
 }
 .im-container .im-message.received .header-item {
   margin-right: 0.75rem;
@@ -264,7 +272,6 @@
 }
 
 .im-container .im-message .edit {
-  right: -18px;
   top: 25px;
 }
 
@@ -274,55 +281,7 @@
 .im-container .im-message:focus .delete {
   display: block;
 }
-.circle-icon {
-  margin-top: 5px;
-  height: 40px;
-  width: 40px;
-  text-align: center;
-  border-radius: 100%;
-  background-color: #ededed;
-  font-size: 15px;
-  font-weight: bold;
-  display: grid;
-  color: #444;
-  place-items: center;
-}
-.circle-icon.op  {
-  opacity: 0;
-  height: 10px;
-}
 
-.sidebar a {
-  display: block;
-  padding: 8px 12px;
-  color: #000000;
-  border-bottom: 1px solid #ddd;
-  font-size: 15px;
-}
-
-.sidebar a:last-child {
-  border-bottom: 0;
-}
-
-.sidebar .active,
-.sidebar a:hover {
-  color:var(--pry-color);
-  border-bottom-color: var(--pry-color);
-  transition: .5s;
-}
-.custom-menu {
-  transform: none !important;
-  top: 30px !important;
-}
-
-.custom-menu .dropdown-item {
-  padding: 10px !important;
-  border-bottom: 1px solid #eee;
-}
-
-.table *{
-  font-size: 14px !important;
-}
 
 @media screen and (max-width:500px) {
   .fabs {

resources/views/app/my-account/admin/users/sub/messages.blade.php

@@ -159,9 +159,9 @@
                                         </div>
                                     @endif
 
-                                    <div>
+                                    <!-- <div>
                                         {{ $messages->withQueryString()->links() }}
-                                    </div>
+                                    </div> -->
                                 </div>
                             </div>
                         </div>
@@ -188,6 +188,9 @@
                             }
                         }
                     });
+                    var hght = $('#selected-files')[0].scrollHeight;
+                    $('.im-messages').css('margin-bottom', (hght + 100) + 'px');
+                    $('.im-messages').scrollTop($('.im-messages')[0].scrollHeight);
                 }
 
                 function hasError(_data) {

resources/views/layouts/app-no-footer.blade.php

@@ -9,7 +9,7 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>Prevalip</title>
+    <title>LetsBeSafe Admin</title>
     <link rel="icon" type="image/png" href="{{asset($appConfig['favicon'])}}">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
     <link rel="stylesheet" href="{{asset('vendor/fontawesome/css/all.min.css')}}">

resources/views/layouts/app.blade.php

@@ -18,6 +18,7 @@
     <link rel="stylesheet" href="{{ asset('/css/yemi.css') }}" />
     <link rel="stylesheet" href="{{ asset('/css/fe2.css') }}" />
     <link rel="stylesheet" href="{{asset('/css/style.css')}}" />
+    <link rel="stylesheet" href="{{asset('/css/messages.css')}}" />
     <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>