mirror of
https://github.com/revoltchat/revite.git
synced 2024-12-24 06:32:08 -05:00
Small changes to userhover
This commit is contained in:
parent
70cba134e3
commit
586b153eb8
2 changed files with 13 additions and 1 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
||||||
Subproject commit de2b94c8d8615b732cbbec3679041e73fd3c7640
|
Subproject commit 2054052c791ff2396dcbde68ae257fa13a93ab6c
|
|
@ -1,3 +1,4 @@
|
||||||
|
import { InfoCircle } from "@styled-icons/boxicons-regular";
|
||||||
import { Children } from "../../../types/Preact";
|
import { Children } from "../../../types/Preact";
|
||||||
import { Username } from "./UserShort";
|
import { Username } from "./UserShort";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
@ -15,14 +16,24 @@ const Base = styled.div`
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
|
font-size: 11px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
margin-top: 2px;
|
||||||
|
color: var(--secondary-foreground);
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export default function UserHover({ user, children }: Props) {
|
export default function UserHover({ user, children }: Props) {
|
||||||
|
@ -33,6 +44,7 @@ export default function UserHover({ user, children }: Props) {
|
||||||
<span className="status">
|
<span className="status">
|
||||||
<UserStatus user={user} />
|
<UserStatus user={user} />
|
||||||
</span>
|
</span>
|
||||||
|
{/*<div className="tip"><InfoCircle size={13}/>Right-click on the avatar to access the quick menu</div>*/}
|
||||||
</Base>
|
</Base>
|
||||||
}>
|
}>
|
||||||
{ children }
|
{ children }
|
||||||
|
|
Loading…
Reference in a new issue