ChaoticByte/Eucalyptus-Chat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 10 Packages Wiki Activity Actions

Minor style improvements and fixes

Browse source
This commit is contained in:
Julian 2023-05-18 10:32:31 +02:00
parent 3ef9099407
commit 19b6162b57
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/static/main.js
View file

@ -183,5 +183,6 @@
}); });
textInputElement.addEventListener("input", resizeInputElement); textInputElement.addEventListener("input", resizeInputElement);
resizeInputElement();
})(); })();

14
frontend/static/style.css
View file

@ -10,7 +10,6 @@
--icon-button-fill: #ffffff; --icon-button-fill: #ffffff;
--send-icon-button-fill: #29c76d; --send-icon-button-fill: #29c76d;
--color: #fafafa; --color: #fafafa;
--padding: .5rem;
--border-radius: .5rem; --border-radius: .5rem;
} }
@ -21,16 +20,15 @@ body {
color: var(--color); color: var(--color);
font-family: sans-serif; font-family: sans-serif;
flex-direction: row; flex-direction: row;
min-height: 100vh; height: 100vh;
} }
input[type="number"] { input[type="number"] {
width: 4rem; width: 4rem;
} }
.sidepanel { .sidepanel {
gap: var(--padding); gap: .5rem;
align-items: flex-end; align-items: flex-end;
padding: 1rem; padding: 1rem;
padding-left: 0; padding-left: 0;
@ -59,7 +57,7 @@ input[type="number"] {
.messages { .messages {
gap: 1.1rem; gap: 1.1rem;
padding-bottom: var(--padding); margin-bottom: 1rem;
overflow-y: scroll; overflow-y: scroll;
max-height: 89vh; max-height: 89vh;
} }
@ -67,8 +65,8 @@ input[type="number"] {
.message { .message {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: var(--padding); gap: .5rem;
padding: var(--padding); padding: .5rem;
border-radius: var(--border-radius); border-radius: var(--border-radius);
max-width: fit-content; max-width: fit-content;
} }
@ -149,7 +147,7 @@ button:hover {
} }
.icon-button > svg { .icon-button > svg {
height: 1.8rem; height: 1.5rem;
width: auto; width: auto;
fill: var(--icon-button-fill); fill: var(--icon-button-fill);
} }