designed chat page
This commit is contained in:
parent
8197373a57
commit
ae75e47115
6425
apps-chat.html
6425
apps-chat.html
File diff suppressed because it is too large
Load Diff
6
assets/css/app.min.css
vendored
6
assets/css/app.min.css
vendored
@ -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;
|
||||||
|
42
assets/css/custom.min.css
vendored
42
assets/css/custom.min.css
vendored
@ -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 {
|
||||||
@ -18,3 +29,34 @@
|
|||||||
.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);
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user