fix(header): commented out server banner until fix

This commit is contained in:
trashtemp 2021-12-26 23:35:05 +01:00
parent 83f38d71ce
commit 2a4d0c3311
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
3 changed files with 52 additions and 5 deletions

View file

@ -25,7 +25,48 @@ export default observer(({ server }: Props) => {
const bannerURL = server.generateBannerURL({ width: 480 });
return (
<Header
<div>
{server.flags && server.flags & 1 ? (
<Tooltip
content={<Text id="app.special.server-badges.official" />}
placement={"bottom-start"}>
<svg width="20" height="20">
<image
xlinkHref="/assets/badges/verified.svg"
height="20"
width="20"
/>
<image
xlinkHref="/assets/badges/revolt_r.svg"
height="15"
width="15"
x="2"
y="3"
style={
"justify-content: center; align-items: center; filter: brightness(0);"
}
/>
</svg>
</Tooltip>
) : undefined}
{server.flags && server.flags & 2 ? (
<Tooltip
content={<Text id="app.special.server-badges.verified" />}
placement={"bottom-start"}>
<svg width="20" height="20">
<image
xlinkHref="/assets/badges/verified.svg"
height="20"
width="20"
/>
<foreignObject x="2" y="2" width="15" height="15">
<Check size={15} color="black" strokeWidth={8} />
</foreignObject>
</svg>
</Tooltip>
) : undefined}
</div>
/*<Header
borders
placement="secondary"
background={typeof bannerURL !== "undefined"}
@ -82,6 +123,6 @@ export default observer(({ server }: Props) => {
</Link>
</div>
)}
</Header>
</Header>*/
);
});

View file

@ -9,11 +9,11 @@ export default styled.div`
flex-direction: row;
align-items: stretch;
> * > ::-webkit-scrollbar-thumb {
/*> * > ::-webkit-scrollbar-thumb {
width: 4px;
background-clip: content-box;
border-top: 48px solid transparent;
}
}*/
`;
export const GenericSidebarBase = styled.div<{
@ -28,7 +28,12 @@ export const GenericSidebarBase = styled.div<{
background: var(--secondary-background);
> :nth-child(1) {
border-end-start-radius: 8px;
//border-end-start-radius: 8px;
margin-top: 48px;
}
> :nth-child(2) {
background: red;
}
${(props) =>

View file

@ -168,6 +168,7 @@ const ServerCircle = styled.div`
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
.circle {
display: flex;