albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Chat

Browse source
This commit is contained in:
mrfry 2021-05-29 21:44:08 +02:00
parent c60ace4f9b
commit 602e16046e
18 changed files with 512 additions and 174 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/pages/chat.module.css
View file

@ -14,7 +14,7 @@
display: flex;
flex-direction: column;
width: calc(20vw);
width: 200px;
z-index: 1;
right: 0;
overflow-x: hidden;
@ -30,6 +30,10 @@
user-select: none;
}
.usersContainer > div:first-child {
margin-top: 5px;
}
.usersContainer > div {
cursor: pointer;
}
@ -65,6 +69,12 @@
text-overflow: ellipsis;
}
.group > * {
display: flex;
justify-content: space-between;
align-items: center;
}
.group:hover {
background-color: var(--hoover-color);
}
@ -112,6 +122,7 @@
.chatInput > input {
padding: 2px;
height: 30px;
margin: 0px 5px;
}
.messageContainer {
@ -121,6 +132,13 @@
max-width: 300px;
}
.messageContainer img {
max-width: 100%;
width: 100%;
height: auto;
border-radius: 5px;
}
.ownMsg {
align-self: flex-end;
justify-content: flex-end;
@ -139,11 +157,13 @@
justify-content: flex-end;
font-size: 14px;
padding: 0px 5px;
font-style: italic;
}
.newMarker {
font-size: 14px;
padding: 0px 5px;
font-style: italic;
}
.messageEntry {
@ -170,3 +190,31 @@
text-align: center;
width: 300px;
}
.loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.loadMore {
user-select: none;
margin: 5px 0px;
display: flex;
justify-content: center;
align-items: center;
}
.loadMoreActive:hover {
background-color: var(--hoover-color);
border-radius: 3px;
cursor: pointer;
}
.file {
font-size: 34px;
margin: 0px 5px;
cursor: pointer;
}