diff --git a/src/context/intermediate/popovers/UserProfile.module.scss b/src/context/intermediate/popovers/UserProfile.module.scss index 8ff114ba..b15cb1e8 100644 --- a/src/context/intermediate/popovers/UserProfile.module.scss +++ b/src/context/intermediate/popovers/UserProfile.module.scss @@ -123,6 +123,29 @@ } } + .botStats { + background: var(--secondary-background); + border-radius: var(--border-radius); + padding: 10px; + + font-size: 12px; + + .stat { + display: flex; + align-items: center; + gap: 5px; + opacity: 0.5; + + &:nth-child(1) { + opacity: 1; + + > svg { + color: var(--accent); + } + } + } + } + > div { > span { font-size: 15px; @@ -152,6 +175,10 @@ border-radius: var(--border-radius); background-color: var(--secondary-background); + .info { + flex-grow: 1; + } + &:hover { background-color: var(--primary-background); } @@ -167,5 +194,19 @@ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; + font-size: 14px; + } +} + +.botContainer { + display: flex; + flex-direction: column; + gap: 8px; + margin-bottom: 18px; + + .owner { + text-transform: uppercase; + font-size: 10px; + font-weight: 600; } } diff --git a/src/context/intermediate/popovers/UserProfile.tsx b/src/context/intermediate/popovers/UserProfile.tsx index 8594d2db..fd47f85e 100644 --- a/src/context/intermediate/popovers/UserProfile.tsx +++ b/src/context/intermediate/popovers/UserProfile.tsx @@ -1,10 +1,17 @@ -import { ListUl } from "@styled-icons/boxicons-regular"; +import { + ListUl, + DotsVerticalRounded, + ChevronRight, +} from "@styled-icons/boxicons-regular"; import { Envelope, Edit, UserPlus, Group, InfoCircle, + BadgeCheck, + Cog, + TimeFive, } from "@styled-icons/boxicons-solid"; import { observer } from "mobx-react-lite"; import { Link, useHistory } from "react-router-dom"; @@ -157,7 +164,6 @@ export const UserProfile = observer( backgroundImage: backgroundURL && `linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('${backgroundURL}')`, - paddingBottom: "1px", }}>