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

fix(msgbar): use vertical dots

Browse source
This commit is contained in:
trashtemp 2022-01-15 13:16:27 +01:00
parent 4a58a4082b
commit a3005cfcd8
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/common/messaging/bars/MessageOverlayBar.tsx
View file

@ -1,4 +1,4 @@
import { DotsHorizontalRounded, LinkAlt } from "@styled-icons/boxicons-regular"; import { DotsVerticalRounded, LinkAlt } from "@styled-icons/boxicons-regular";
import { import {
Pencil, Pencil,
Trash, Trash,
@ -63,13 +63,13 @@ const Entry = styled.div`
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
transition: 0.2s ease background-color; transition: 0.2s ease background-color;
border-radius: var(--border-radius);
&:hover { &:hover {
background: var(--secondary-header); background: var(--secondary-header);
} }
&:focus { &:focus {
border-radius: var(--border-radius);
box-shadow: 0 0 0 2.5pt var(--accent); box-shadow: 0 0 0 2.5pt var(--accent);
} }
@ -146,7 +146,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
}) })
}> }>
<IconButton> <IconButton>
<DotsHorizontalRounded size={18} /> <DotsVerticalRounded size={18} />
</IconButton> </IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>