diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx index 57510184..b663ba2e 100644 --- a/src/components/common/messaging/attachments/MessageReply.tsx +++ b/src/components/common/messaging/attachments/MessageReply.tsx @@ -1,4 +1,5 @@ -import { Reply, File } from "@styled-icons/boxicons-regular"; +import { Reply } from "@styled-icons/boxicons-regular"; +import { File } from "@styled-icons/boxicons-solid"; import { SYSTEM_USER_ID } from "revolt.js"; import styled, { css } from "styled-components"; @@ -86,6 +87,10 @@ export const ReplyBase = styled.div<{ > * { pointer-events: none; } + + > span { + display: flex; + } } > svg:first-child { diff --git a/src/pages/settings/channel/Overview.tsx b/src/pages/settings/channel/Overview.tsx index b8fbcdfa..c205f162 100644 --- a/src/pages/settings/channel/Overview.tsx +++ b/src/pages/settings/channel/Overview.tsx @@ -8,7 +8,7 @@ import TextAreaAutoSize from "../../../lib/TextAreaAutoSize"; import { FileUploader } from "../../../context/revoltjs/FileUploads"; import { AppContext } from "../../../context/revoltjs/RevoltClient"; - +import styled, { css } from "styled-components"; import Button from "../../../components/ui/Button"; import InputBox from "../../../components/ui/InputBox"; @@ -19,6 +19,19 @@ interface Props { | Channels.VoiceChannel; } +const Row = styled.div` + gap: 20px; + display: flex; + + .name { + flex-grow: 1; + + input { + width: 100%; + } + } +`; + export default function Overview({ channel }: Props) { const client = useContext(AppContext); @@ -44,7 +57,7 @@ export default function Overview({ channel }: Props) { return (