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

frontend: improve messages container padding

Browse source
This commit is contained in:
hippoz 2022-04-22 23:10:00 +03:00
parent e552de269b
commit 9bfc645a32
Signed by: hippoz
GPG key ID: 7C52899193467641
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/public/global.css
View file

@ -28,6 +28,7 @@
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit));
--space-norm: var(--space-unit);
--space-normplus: calc(var(--space-unit) + var(--space-sm));
--space-md: calc(1.25 * var(--space-unit));
--space-lg: calc(2 * var(--space-unit));
--space-xl: calc(3.25 * var(--space-unit));

2
frontend/src/components/pages/main/ChannelView.svelte
View file

@ -91,6 +91,6 @@
</div>
<Messages channelId="{ channel.id }" />
<div class="message-input-container">
<input type="text" class="message-input" on:keydown={ onKeydown } bind:value={ messageInput }>
<input placeholder={`Send something interesting to #${channel.name}`} type="text" class="message-input" on:keydown={ onKeydown } bind:value={ messageInput }>
</div>
</div>

3
frontend/src/components/pages/main/Messages.svelte
View file

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