mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-25 08:30:58 -05:00
Fix: Small changes to tooltip
This commit is contained in:
parent
a1729e0836
commit
d0e6d2a0e1
4 changed files with 10 additions and 5 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
|||
Subproject commit 03b206f608b071eb26a099657d9619d32f2bb264
|
||||
Subproject commit d217561756c7f397f177e43911c247497107c515
|
|
@ -24,7 +24,12 @@ const PermissionTooltipBase = styled.div`
|
|||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
span {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: var(--secondary-foreground);
|
||||
font-size: 11px;
|
||||
}
|
||||
code {
|
||||
font-family: 'Fira Mono';
|
||||
}
|
||||
|
@ -35,7 +40,7 @@ export function PermissionTooltip(props: Omit<Props, 'content'> & { permission:
|
|||
|
||||
return (
|
||||
<Tooltip content={<PermissionTooltipBase>
|
||||
<Text id="app.permissions.required" />
|
||||
<span><Text id="app.permissions.required" /></span>
|
||||
<code>{ permission }</code>
|
||||
</PermissionTooltipBase>} {...tooltipProps} />
|
||||
)
|
||||
|
|
|
@ -64,7 +64,7 @@ const Blocked = styled.div`
|
|||
|
||||
svg {
|
||||
flex-shrink: 0;
|
||||
margin-right: 8px;
|
||||
margin-inline-end: 8px;
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
@ -231,7 +231,7 @@
|
|||
flex-shrink: 0;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
margin-right: 4px;
|
||||
margin-inline-end: 4px;
|
||||
|
||||
//TOFIX - Looks wonky on Chromium
|
||||
border: 1px solid black;
|
||||
|
|
Loading…
Reference in a new issue