Skip to content
Snippets Groups Projects
Commit a2211d9f authored by nizune's avatar nizune
Browse files

Fix: Removed CSS file for Server Overview

parent 252fec80
No related merge requests found
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 { SYSTEM_USER_ID } from "revolt.js";
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
...@@ -86,6 +87,10 @@ export const ReplyBase = styled.div<{ ...@@ -86,6 +87,10 @@ export const ReplyBase = styled.div<{
> * { > * {
pointer-events: none; pointer-events: none;
} }
> span {
display: flex;
}
} }
> svg:first-child { > svg:first-child {
......
...@@ -8,7 +8,7 @@ import TextAreaAutoSize from "../../../lib/TextAreaAutoSize"; ...@@ -8,7 +8,7 @@ import TextAreaAutoSize from "../../../lib/TextAreaAutoSize";
import { FileUploader } from "../../../context/revoltjs/FileUploads"; import { FileUploader } from "../../../context/revoltjs/FileUploads";
import { AppContext } from "../../../context/revoltjs/RevoltClient"; import { AppContext } from "../../../context/revoltjs/RevoltClient";
import styled, { css } from "styled-components";
import Button from "../../../components/ui/Button"; import Button from "../../../components/ui/Button";
import InputBox from "../../../components/ui/InputBox"; import InputBox from "../../../components/ui/InputBox";
...@@ -19,6 +19,19 @@ interface Props { ...@@ -19,6 +19,19 @@ interface Props {
| Channels.VoiceChannel; | Channels.VoiceChannel;
} }
const Row = styled.div`
gap: 20px;
display: flex;
.name {
flex-grow: 1;
input {
width: 100%;
}
}
`;
export default function Overview({ channel }: Props) { export default function Overview({ channel }: Props) {
const client = useContext(AppContext); const client = useContext(AppContext);
...@@ -44,7 +57,7 @@ export default function Overview({ channel }: Props) { ...@@ -44,7 +57,7 @@ export default function Overview({ channel }: Props) {
return ( return (
<div className={styles.overview}> <div className={styles.overview}>
<div className={styles.row}> <Row>
<FileUploader <FileUploader
width={80} width={80}
height={80} height={80}
...@@ -87,7 +100,7 @@ export default function Overview({ channel }: Props) { ...@@ -87,7 +100,7 @@ export default function Overview({ channel }: Props) {
}} }}
/> />
</div> </div>
</div> </Row>
<h3> <h3>
{channel.channel_type === "Group" ? ( {channel.channel_type === "Group" ? (
......
.overview {
.row {
gap: 20px;
display: flex;
.name {
flex-grow: 1;
input {
width: 100%;
}
}
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment