hardcoresushi
/
AIRA
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Adjust avatar sizes & Fix horizontal overflow in chat history

This commit is contained in:
Matéo Duparc 2021-05-31 15:19:25 +02:00
parent 2673fb2341
commit dc9fde39be
Signed by: hardcoresushi
GPG Key ID: 007F84120107191E
5 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Cargo.lock generated
View File

@ -403,9 +403,9 @@ dependencies = [
[[package]] [[package]]
name = "async-psec" name = "async-psec"
version = "0.3.0" version = "0.3.1"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ecfe23adc9e2e5d9dd329ad27dd33d49a3e3a83f88ba8363f8b8438e294075d4" checksum = "6aa693cf79f81392aeffa439d2aae418d8d04816e86c0032a3e80e8b5df0b743"
dependencies = [ dependencies = [
"aes-gcm", "aes-gcm",
"async-trait", "async-trait",

4
Cargo.toml
View File

@ -13,10 +13,10 @@ async-psec = { version = "0.3", features = ["split"] }
lazy_static = "1.4" lazy_static = "1.4"
socket2 = "0.4" socket2 = "0.4"
rusqlite = { version = "0.25.1", features = ["bundled"] } rusqlite = { version = "0.25.1", features = ["bundled"] }
ed25519-dalek = "1" #for singing ed25519-dalek = "1" #for singatures
sha2 = "0.9" sha2 = "0.9"
aes-gcm = "0.9" aes-gcm = "0.9"
aes-gcm-siv = "0.10" #Database aes-gcm-siv = "0.10" #database encryption
hkdf = "0.11" hkdf = "0.11"
hex = "0.4" hex = "0.4"
actix-web = "3" actix-web = "3"

4
src/frontend/commons/style.css
View File

@ -34,8 +34,8 @@ label {
.avatar { .avatar {
margin-right: .5em; margin-right: .5em;
width: 1.5em; width: 2.5em;
height: 1.5em; height: 2.5em;
border-radius: 50%; border-radius: 50%;
} }

23
src/frontend/index.css
View File

@ -120,7 +120,7 @@ button:hover::after {
position: relative; position: relative;
} }
#avatarContainer .avatar { #avatarContainer .avatar {
font-size: 4em; font-size: 2.5em;
} }
#removeAvatar { #removeAvatar {
position: absolute; position: absolute;
@ -149,8 +149,7 @@ button:hover::after {
font-size: 0.9em; font-size: 0.9em;
} }
#session_info .avatar { #session_info .avatar {
width: 6em; font-size: 2.5em;
height: 6em;
display: block; display: block;
margin: auto; margin: auto;
} }
@ -198,7 +197,6 @@ button:hover::after {
padding: 10px; padding: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 1.7em;
cursor: pointer; cursor: pointer;
} }
#me>div { #me>div {
@ -207,6 +205,7 @@ button:hover::after {
flex-grow: 1; flex-grow: 1;
} }
#me p { #me p {
font-size: 1.7em;
margin: 0; margin: 0;
font-weight: bold; font-weight: bold;
display: inline; display: inline;
@ -214,6 +213,9 @@ button:hover::after {
#me>div:hover p { #me>div:hover p {
color: var(--accent); color: var(--accent);
} }
#me .avatar {
font-size: 1.2em;
}
#left_panel ul:last-of-type, #msg_log { #left_panel ul:last-of-type, #msg_log {
flex-grow: 1; flex-grow: 1;
} }
@ -235,8 +237,7 @@ button:hover::after {
flex-grow: 1; flex-grow: 1;
} }
#left_panel ul li .avatar { #left_panel ul li .avatar {
width: 2em; font-size: .9em;
height: 2em;
} }
#left_panel ul li:hover, #left_panel ul li.current { #left_panel ul li:hover, #left_panel ul li.current {
background-color: #333940; background-color: #333940;
@ -295,7 +296,6 @@ button:hover::after {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 20px 20px; padding: 20px 20px;
font-size: 1.5em;
} }
#chat_header>div { #chat_header>div {
display: flex; display: flex;
@ -307,6 +307,7 @@ button:hover::after {
color: var(--accent); color: var(--accent);
} }
#chat_header>div>p { /*name*/ #chat_header>div>p { /*name*/
font-size: 1.5em;
font-weight: bold; font-weight: bold;
margin: 0; margin: 0;
} }
@ -406,11 +407,12 @@ button:hover::after {
margin-bottom: 0; margin-bottom: 0;
} }
#msg_log { #msg_log {
font-size: 1.1em;
overflow-y: scroll; overflow-y: scroll;
white-space: pre; white-space: pre-wrap;
} }
#msg_log p { #msg_log p {
font-size: 1.1em;
word-break: break-word;
margin: 0; margin: 0;
} }
#msg_log li .header { #msg_log li .header {
@ -423,8 +425,7 @@ button:hover::after {
font-weight: bold; font-weight: bold;
} }
#msg_log li .content { #msg_log li .content {
margin-left: 2em; margin-left: 3em;
margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
} }
#msg_log a { #msg_log a {

3
src/frontend/login.html
View File

@ -58,8 +58,7 @@
padding: 10px 50px; padding: 10px 50px;
} }
.avatar { .avatar {
width: 7em; font-size: 3em;
height: 7em;
} }
#identity h2 { #identity h2 {
text-align: center; text-align: center;