butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Initial work on setting user name when joining room

Browse source
This commit is contained in:
N-Pex 2021-01-18 21:40:44 +01:00
parent 1198f007fa
commit 6f112add4b
3 changed files with 76 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/assets/css/chat.scss
View file

@ -3,6 +3,38 @@
$admin-bg: black;
$admin-fg: white;
.chat-header {
margin: 0;
padding: 0;
height: 72px;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
.chat-header-row {
margin: 0;
padding: 4px 10px;
align-items: center;
height: 100%;
}
.num-members {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 12 * $chat-text-size;
color: black;
}
.v-btn.leave-button {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: white;
background-color: #f74e4e !important;
border: none;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
margin-bottom: $chat-standard-padding-xs;
}
}
.chat-root {
position: absolute;
left: 0px;
@ -17,36 +49,6 @@ $admin-fg: white;
background-color: $chat-background;
overflow: hidden;
.chat-header {
margin: 0;
padding: 0;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
.chat-header-row {
margin: 0;
padding: 4px 10px;
align-items: center;
}
.num-members {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 12 * $chat-text-size;
color: black;
}
.v-btn.leave-button {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: white;
background-color: #f74e4e !important;
border: none;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
margin-bottom: $chat-standard-padding-xs;
}
}
.chat-content {
margin: 0;
padding-top: $chat-standard-padding-s;
@ -371,7 +373,8 @@ $admin-fg: white;
.room-name {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 21 * $chat-text-size;
font-size: 14 * $chat-text-size;
text-transform: uppercase;
color: black;
}