designed chat page

This commit is contained in:
mesafal 2025-05-15 11:36:37 +05:45
parent 8197373a57
commit ae75e47115
3 changed files with 7781 additions and 3348 deletions

File diff suppressed because it is too large Load Diff

View File

@ -5447,8 +5447,8 @@
background-color: rgba(240, 101, 72, 0.4); background-color: rgba(240, 101, 72, 0.4);
} }
.avatar-xxs { .avatar-xxs {
height: 1.5rem; height: 2.5rem;
width: 1.5rem; width: 2.5rem;
} }
.avatar-xs { .avatar-xs {
height: 2rem; height: 2rem;
@ -17222,7 +17222,7 @@ span.flatpickr-weekday {
} }
.chat-list > li a { .chat-list > li a {
display: block; display: block;
padding: 7px 24px; padding: 16px 24px;
color: var(--vz-body-color); color: var(--vz-body-color);
-webkit-transition: all 0.4s; -webkit-transition: all 0.4s;
transition: all 0.4s; transition: all 0.4s;

View File

@ -1,3 +1,14 @@
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.text-15{
font-size: 15px;
}
/*# sourceMappingURL=custom.min.css.map */ /*# sourceMappingURL=custom.min.css.map */
.progress-nav .nav .nav-item .nav-link { .progress-nav .nav .nav-item .nav-link {
@ -17,4 +28,35 @@
.nav-link.active .step-label, .nav-link.active .step-label,
.nav-link.done .step-label { .nav-link.done .step-label {
display: block; display: block;
} }
/* chat page */
.chat-message {
display: flex;
align-items: center;
gap: 5px;
margin: 8px 0;
}
.tick-icon {
color: gray;
font-size: 20px;
}
.tick-icon.active {
/* margin-right: px; */
color: green; /* or #0f0 */
font-size: 20px;
}
.chat-leftsidebar{
margin: 10px;
border-radius: 10px;
}
.user-chat{
margin: 10px;
border-radius: 10px;
}
.chat-list li{
border-bottom: 1px solid rgba(184, 180, 180, 0.233);
}