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

fix(messagebox): fixed broken padding

Browse source
This commit is contained in:
trashtemp 2022-01-15 14:33:14 +01:00
parent 200db35c25
commit 8566cd613d
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
1 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import { Send, ShieldX } from "@styled-icons/boxicons-solid";
import { Send, ShieldX, HappyBeaming, Box } from "@styled-icons/boxicons-solid";
import Axios, { CancelTokenSource } from "axios";
import { observer } from "mobx-react-lite";
import { ChannelPermission } from "revolt.js/dist/api/permissions";
@ -78,9 +78,11 @@ const Blocked = styled.div`
user-select: none;
font-size: var(--text-size);
color: var(--tertiary-foreground);
flex-grow: 1;
cursor: not-allowed;
.text {
padding: 14px;
> div > div {
cursor: default;
}
svg {
@ -91,17 +93,13 @@ const Blocked = styled.div`
const Action = styled.div`
> div {
height: 48px;
width: 34px;
width: 48px;
display: flex;
align-items: center;
justify-content: end;
justify-content: center;
/*padding: 14px 0 14px 14px;*/
}
.mobile {
justify-content: start;
}
${() =>
!isTouchscreenDevice &&
css`
@ -575,10 +573,17 @@ export default observer(({ channel }: Props) => {
onFocus={onFocus}
onBlur={onBlur}
/>
{/*<Action>
<IconButton>
<Box size={24} />
</IconButton>
</Action>
<Action>
<IconButton>
<HappyBeaming size={24} />
</IconButton>
</Action>*/}
<Action>
{/*<IconButton onClick={emojiPicker}>
<HappyAlt size={20} />
</IconButton>*/}
<IconButton
className="mobile"
onClick={send}