cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-25 16:40:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(messagebox): fixed padding on action button

Browse source
This commit is contained in:
trashtemp 2021-12-28 21:42:09 +01:00
parent 03ec5275ee
commit d3b78ebc48
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/common/messaging/MessageBox.tsx
View file

@ -80,7 +80,7 @@ const Blocked = styled.div`
color: var(--tertiary-foreground); color: var(--tertiary-foreground);
.text { .text {
padding: 14px 14px 14px 0; padding: 14px;
} }
svg { svg {
@ -89,13 +89,17 @@ const Blocked = styled.div`
`; `;
const Action = styled.div` const Action = styled.div`
display: flex; /*display: flex;
place-items: center; align-items: center;
justify-content: center;*/
> div { > div {
height: 48px; height: 48px;
width: 48px; width: 34px;
padding: 12px; display: flex;
align-items: center;
justify-content: end;
/*padding: 14px 0 14px 14px;*/
} }
${() => ${() =>

2
src/styles/_variables.scss
View file

@ -30,7 +30,7 @@
--input-border-width: 2px; --input-border-width: 2px;
--textarea-padding: 16px; --textarea-padding: 16px;
--textarea-line-height: 20px; --textarea-line-height: 20px;
--message-box-padding: 14px 14px 14px 0; --message-box-padding: 14px;
--attachment-max-width: 480px; --attachment-max-width: 480px;
--attachment-max-height: 640px; --attachment-max-height: 640px;