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

More work on chat header

Browse source
This commit is contained in:
N-Pex 2020-12-09 15:20:50 +01:00
parent 059c84cb24
commit 7d3124c934
4 changed files with 48 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -23,42 +23,33 @@ $chat-text-size: 0.7pt;
.chat-header {
margin: 0;
padding: 0;
background-color: #e2e2e2;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
.chat-header-row {
margin: 0;
padding: 4px 10px;
align-items: center;
}
.members-icon {
margin-bottom: 0;
}
.chat-header-members {
position: relative;
}
.num-members {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
font-family: 'Titillium Web', sans-serif;
font-weight: 400;
font-size: 11 * $chat-text-size;
font-size: 12 * $chat-text-size;
color: black;
}
.room-name {
font-family: 'Titillium Web', sans-serif;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 18 * $chat-text-size;
font-size: 21 * $chat-text-size;
color: black;
}
.v-btn.leave-button {
font-family: 'Titillium Web', sans-serif;
font-weight: 400;
font-size: 14 * $chat-text-size;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: white;
background-color: #cc0000 !important;
background-color: #f74e4e !important;
border: none;
border-radius: 4px;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
margin-bottom: $chat-standard-padding-xs;

2
src/assets/css/main.scss
View file

@ -1 +1,3 @@
$background: #008860;
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');