fix(developer): fixed height issue in dev tab

This commit is contained in:
trashtemp 2021-12-28 17:06:04 +01:00
parent ef0644074c
commit e814064001
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
3 changed files with 6 additions and 4 deletions

View file

@ -1,4 +1,5 @@
import { X, Crown } from "@styled-icons/boxicons-regular"; import { X } from "@styled-icons/boxicons-regular";
import { Crown } from "@styled-icons/boxicons-solid";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { Presence } from "revolt-api/types/Users"; import { Presence } from "revolt-api/types/Users";
import { Channel } from "revolt.js/dist/maps/Channels"; import { Channel } from "revolt.js/dist/maps/Channels";

View file

@ -22,11 +22,11 @@ import { GenericSidebarBase } from "../SidebarBase";
import MemberList, { MemberListGroup } from "./MemberList"; import MemberList, { MemberListGroup } from "./MemberList";
export const Container = styled.div` export const Container = styled.div`
margin-top: 48px; padding-top: 48px;
${isTouchscreenDevice && ${isTouchscreenDevice &&
css` css`
margin-top: 0; padding-top: 0;
`} `}
`; `;
@ -172,6 +172,7 @@ export const GroupMemberSidebar = observer(
<Container> <Container>
{isTouchscreenDevice && <div>Group settings go here</div>} {isTouchscreenDevice && <div>Group settings go here</div>}
</Container> </Container>
<MemberList entries={entries} context={channel} /> <MemberList entries={entries} context={channel} />
</GenericSidebarBase> </GenericSidebarBase>
); );

View file

@ -29,7 +29,7 @@ export default function Developer() {
return ( return (
<div> <div>
<PageHeader icon={<Wrench size="24" />}>Developer Tab</PageHeader> <PageHeader icon={<Wrench size="24" />}>Developer Tab</PageHeader>
<div style={{ padding: "16px" }}> <div style={{ padding: "16px", paddingTop: "56px" }}>
<PaintCounter always /> <PaintCounter always />
</div> </div>
<div style={{ padding: "16px" }}> <div style={{ padding: "16px" }}>