From a2211d9fd7dcf7f126bfe6017bdd31f4bd229d60 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Fri, 9 Jul 2021 23:08:00 +0200
Subject: [PATCH] Fix: Removed CSS file for Server Overview
---
.../messaging/attachments/MessageReply.tsx | 7 ++++++-
src/pages/settings/channel/Overview.tsx | 19 ++++++++++++++++---
src/pages/settings/channel/Panes.module.scss | 14 --------------
3 files changed, 22 insertions(+), 18 deletions(-)
delete mode 100644 src/pages/settings/channel/Panes.module.scss
diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx
index 5751018..b663ba2 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 b8fbcdf..c205f16 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 281eab2..0000000
--- 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%;
- }
- }
- }
-}
--
GitLab