hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

frontend: improve message component layout

Browse source
This commit is contained in:
hippoz 2022-04-26 23:44:06 +03:00
parent d3dff302c5
commit b72a445e97
No known key found for this signature in database
GPG key ID: 7C52899193467641
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/Message.svelte
View file

@ -7,8 +7,11 @@
<style> <style>
.message { .message {
display: flex;
align-items: center;
overflow-x: none; overflow-x: none;
word-break: break-all; word-break: break-all;
padding: 1px var(--space-normplus) 1px var(--space-normplus);
} }
.message .edit-message { .message .edit-message {
@ -32,11 +35,13 @@
} }
.author { .author {
flex-shrink: 0;
font-weight: bold; font-weight: bold;
margin-right: var(--space-xxs); margin-right: var(--space-xs);
} }
.edit-message { .edit-message {
flex-shrink: 0;
float: right; float: right;
} }
</style> </style>

2
frontend/src/components/Messages.svelte
View file

@ -48,8 +48,6 @@
<style> <style>
.messages-container { .messages-container {
padding: var(--space-normplus);
padding-bottom: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
flex-grow: 0; flex-grow: 0;