cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-29 02:10:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

Remove gradient on server banners.

Browse source
This commit is contained in:
Paul 2021-07-03 22:35:49 +01:00
parent f81f7768f8
commit 31d74da8e7
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/common/ServerHeader.tsx
View file

@ -24,7 +24,7 @@ export default function ServerHeader({ server, ctx }: Props) {
<Header borders <Header borders
placement="secondary" placement="secondary"
background={typeof bannerURL !== 'undefined'} background={typeof bannerURL !== 'undefined'}
style={{ background: bannerURL ? `linear-gradient(to bottom, transparent 50%, #000e), url('${bannerURL}')` : undefined }}> style={{ background: bannerURL ? `url('${bannerURL}')` : undefined }}>
<ServerName> <ServerName>
{ server.name } { server.name }
</ServerName> </ServerName>

23
src/components/ui/Header.tsx
View file

@ -7,19 +7,19 @@ interface Props {
} }
export default styled.div<Props>` export default styled.div<Props>`
display: flex;
height: 48px;
font-weight: 600;
align-items: center;
user-select: none;
gap: 6px; gap: 6px;
height: 48px;
flex: 0 auto; flex: 0 auto;
padding: 0 16px; display: flex;
flex-shrink: 0; flex-shrink: 0;
padding: 0 16px;
font-weight: 600;
user-select: none;
align-items: center;
background-color: var(--primary-header);
background-size: cover !important; background-size: cover !important;
background-position: center !important; background-position: center !important;
background-color: var(--primary-header);
svg { svg {
flex-shrink: 0; flex-shrink: 0;
@ -33,10 +33,11 @@ export default styled.div<Props>`
height: 56px; height: 56px;
} }
${ props => props.background && css` ${ props => props.background && css`
height: 120px; height: 120px !important;
align-items: flex-end; align-items: flex-end;
text-shadow: 0px 0px 1px black;
` } ` }
${ props => props.placement === 'secondary' && css` ${ props => props.placement === 'secondary' && css`
@ -44,7 +45,7 @@ export default styled.div<Props>`
padding: 14px; padding: 14px;
` } ` }
${ props => props.borders && css` ${ props => props.borders && css`
/*border-start-start-radius: 8px;*/ border-end-start-radius: 8px;
` } ` }
`; `;