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

fix: correct mention styling

Browse source
This commit is contained in:
Paul Makles 2022-07-08 16:58:21 +01:00
parent 7e20d5029e
commit c12d40d0da
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/markdown/plugins/mentions.tsx
View file

@ -7,19 +7,28 @@ import { createComponent, CustomComponentProps } from "./remarkRegexComponent";
const Mention = styled.a`
gap: 4px;
padding: 0 6px;
flex-shrink: 0;
padding-left: 2px;
padding-right: 6px;
align-items: center;
display: inline-flex;
vertical-align: middle;
cursor: pointer;
font-weight: 600;
text-decoration: none !important;
background: var(--secondary-background);
border-radius: calc(var(--border-radius) * 2);
transition: 0.1s ease filter;
&:hover {
text-decoration: none;
filter: brightness(0.75);
}
&:active {
filter: brightness(0.65);
}
svg {