diff --git a/src/components/common/messaging/Message.tsx b/src/components/common/messaging/Message.tsx index a5d0648a..7f64f65c 100644 --- a/src/components/common/messaging/Message.tsx +++ b/src/components/common/messaging/Message.tsx @@ -133,6 +133,7 @@ const Message = observer( {head ? ( ` flex-direction: row; justify-content: center; + .avatar { + user-select: none; + cursor: pointer; + &:active { + transform: translateY(1px); + } + } + .copyBracket { opacity: 0; position: absolute; @@ -184,11 +192,11 @@ export const MessageInfo = styled.div<{ click: boolean }>` color: var(--tertiary-foreground); } - ${(props) => + /*${(props) => props.click && css` cursor: pointer; - `} + `}*/ `; export const MessageContent = styled.div` diff --git a/src/pages/settings/server/Overview.tsx b/src/pages/settings/server/Overview.tsx index 9086e5fb..24f241f1 100644 --- a/src/pages/settings/server/Overview.tsx +++ b/src/pages/settings/server/Overview.tsx @@ -1,3 +1,4 @@ +import { Markdown } from "@styled-icons/boxicons-logos"; import isEqual from "lodash.isequal"; import { observer } from "mobx-react-lite"; import { Server } from "revolt.js/dist/maps/Servers"; @@ -84,7 +85,7 @@ export const Overview = observer(({ server }: Props) => { { if (!changed) setChanged(true); }} /> +
+ +
+ Descriptions support Markdown formatting,{" "} + + learn more here + + . +
+

diff --git a/src/pages/settings/server/Panes.module.scss b/src/pages/settings/server/Panes.module.scss index c457923d..33d9dd9c 100644 --- a/src/pages/settings/server/Panes.module.scss +++ b/src/pages/settings/server/Panes.module.scss @@ -15,6 +15,25 @@ } } } + + .markdown { + display: flex; + align-items: center; + margin-top: 8px; + gap: 4px; + + svg { + flex-shrink: 0; + } + + a:hover { + text-decoration: underline; + } + + h5 { + margin: 0; + } + } } .userList {