diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx index 57510184ed69d895ef2cea18d2f93a1ce0e8a77a..b663ba2eb8292225cd21a20249b91d4b77c56bb8 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 b8fbcdfa22e1cb623c20b5d47494b0d1d026f836..c205f162f8e4f6988a339aa619d44bb5d64da9d5 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 ( <div className={styles.overview}> - <div className={styles.row}> + <Row> <FileUploader width={80} height={80} @@ -87,7 +100,7 @@ export default function Overview({ channel }: Props) { }} /> </div> - </div> + </Row> <h3> {channel.channel_type === "Group" ? ( diff --git a/src/pages/settings/channel/Panes.module.scss b/src/pages/settings/channel/Panes.module.scss deleted file mode 100644 index 281eab240cf863d300082115a1f71b49ba79f7dd..0000000000000000000000000000000000000000 --- a/src/pages/settings/channel/Panes.module.scss +++ /dev/null @@ -1,14 +0,0 @@ -.overview { - .row { - gap: 20px; - display: flex; - - .name { - flex-grow: 1; - - input { - width: 100%; - } - } - } -}