mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-22 07:00:58 -05:00
fix(header): commented out server banner until fix
This commit is contained in:
parent
83f38d71ce
commit
2a4d0c3311
3 changed files with 52 additions and 5 deletions
|
@ -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>*/
|
||||
);
|
||||
});
|
||||
|
|
|
@ -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) =>
|
||||
|
|
|
@ -168,6 +168,7 @@ const ServerCircle = styled.div`
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
.circle {
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in a new issue