Vishal.Chandora/freeu-project
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added chat css and html

Browse Source
This commit is contained in:
Ritikesh yadav
2024-06-25 17:26:17 +05:30
parent b561419aa2
commit efd01e6527
2 changed files with 95 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
public/assets/css/FrontendCss/style.css
View File

@@ -6564,4 +6564,52 @@ button#modal_close span {
font-size: 14px;
font-style: normal;
margin-top: 15px;
}
}
/* website customer support chat start */
.chatss {
width: 100%;
height: 30px;
background: #000;
}
.chat-sec .chatboxsss .send {
background: #79a7df;
margin-top: 15px;
max-width: 410px;
width: 410px;
color: #fff;
padding: 12px 20px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 9999;
position: relative;
}
.chat-sec .chatboxsss .send-right:first-child .receive {
margin-top: 30px;
}
.chat-sec .chatboxsss .receive {
margin-top: 15px;
max-width: 410px;
width: 410px;
background-color: #143c6d;
color: #fff;
padding: 12px 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.chatboxsss .send-right,
.send-left {
opacity: 0.5;
}
.chatboxsss {
background-image: url("https://jerichoalternatives.in/public/assets/media/FrontendImages/menu-logo.png, linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5))");
background-size: 26%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
/* website customer support chat end */

48
resources/views/Frontend/Pages/user-chat/chats.blade.php
View File

@@ -1,5 +1,5 @@
<div class="" style="min-height:auto">
@foreach ($chats as $chat)
@forelse ($chats as $chat)
@if ($chat->by == 'User')
{{-- <div class="receive container mr-0 mb-4"> --}}
<div class="send-right">
@@ -79,5 +79,49 @@
</div> --}}
@endif
@endforeach
@empty
<div class="chatboxsss">
<div class="send-right">
<div class="receive">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-right">
<div class="receive" style="width: 28%;">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-left">
<div class="send">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-left">
<div class="send" style="width: 30%;">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-left">
<div class="send" style="width: 15%;">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-right">
<div class="receive">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-right">
<div class="receive" style="width: 15%;">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
<div class="send-left">
<div class="send" style="width: 10%;">
<a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
</div>
</div>
</div>
@endforelse
</div>