cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-26 07:22:10 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(sidebars): fixed sidebar margins

Browse source
This commit is contained in:
trashtemp 2021-12-27 14:20:17 +01:00
parent 63e52fe69c
commit 2ce4136a52
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/navigation/SidebarBase.tsx
View file

@ -27,14 +27,14 @@ export const GenericSidebarBase = styled.div<{
/*border-end-start-radius: 8px;*/
background: var(--secondary-background);
> :nth-child(1) {
/*> :nth-child(1) {
//border-end-start-radius: 8px;
margin-top: 48px;
}
> :nth-child(2) {
margin-top: 48px;
background: red;
}
}*/
${(props) =>
props.mobilePadding &&

15
src/components/navigation/right/MemberSidebar.tsx
View file

@ -6,9 +6,12 @@ import { Presence } from "revolt-api/types/Users";
import { Channel } from "revolt.js/dist/maps/Channels";
import { Server } from "revolt.js/dist/maps/Servers";
import { User } from "revolt.js/dist/maps/Users";
import styled, { css } from "styled-components";
import { useContext, useEffect, useMemo } from "preact/hooks";
import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
import {
ClientStatus,
StatusContext,
@ -18,6 +21,15 @@ import {
import { GenericSidebarBase } from "../SidebarBase";
import MemberList, { MemberListGroup } from "./MemberList";
export const Container = styled.div`
margin-top: 48px;
${isTouchscreenDevice &&
css`
margin-top: 0;
`}
`;
export default function MemberSidebar() {
const channel = useClient().channels.get(
useParams<{ channel: string }>().channel,
@ -180,6 +192,9 @@ export const ServerMemberSidebar = observer(
return (
<GenericSidebarBase>
<Container className="test">
{isTouchscreenDevice && <div>Server settings go here</div>}
</Container>
<MemberList entries={entries} context={channel} />
</GenericSidebarBase>
);