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

Work on room info and start on profile view

Browse source
This commit is contained in:
N-Pex 2021-01-20 14:44:10 +01:00
parent 6e0e1dd31c
commit 19e8b64e7b
8 changed files with 403 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -25,9 +25,9 @@ $admin-fg: white;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: white;
background-color: #f74e4e !important;
border: none;
color: black;
background-color: white !important;
border: 1px solid black;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
@ -435,4 +435,70 @@ $admin-fg: white;
padding-right: 10px;
content: attr(title);
}
}
.room-info {
background-color: #e0e0e0;
height: 100%;
.chat-header {
background-color: transparent;
border: none;
}
.room-name {
text-align: center;
margin-top: 15px;
}
.back {
position: absolute;
top: 0px;
left: 0px;
margin: 10px 0px;
font-weight: bold;
font-size: 12 * $chat-text-size;
}
.v-card {
background-color: white;
border-radius: 20px;
}
.show-all {
color: black;
font-size: 14 * $chat-text-size;
font-weight: bold;
margin-left: 10px;
}
}
.profile {
background-color: white;
height: 100%;
.chat-header {
background-color: transparent;
border: none;
}
.room-name {
text-align: center;
margin-top: 15px;
}
.back {
position: absolute;
top: 0px;
right: 0px;
margin: 10px 0px;
font-weight: bold;
font-size: 12 * $chat-text-size;
}
.v-card {
background-color: white;
border-radius: 20px;
}
.show-all {
color: black;
font-size: 14 * $chat-text-size;
font-weight: bold;
margin-left: 10px;
}
}

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

@ -8,4 +8,29 @@ $chat-standard-padding: 32px;
$chat-standard-padding-s: 16px;
$chat-standard-padding-xs: 8px;
$chat-text-size: 1.0px;
$chat-button-height: 50px;
$chat-button-height: 50px;
.v-btn.outlined-button {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: black;
background-color: white !important;
border: 1px solid black;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
margin-bottom: $chat-standard-padding-xs;
}
.v-btn.filled-button {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 11 * $chat-text-size;
color: white;
border: none;
border-radius: $chat-standard-padding / 2;
height: $chat-standard-padding;
margin-top: $chat-standard-padding-xs;
margin-bottom: $chat-standard-padding-xs;
}