fix(sidebar): changed server sidebar width

This commit is contained in:
trashtemp 2022-01-15 12:36:50 +01:00
parent 8029f39c4e
commit 79550cb2ad
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: D1F0DB65081B0FC6
3 changed files with 14 additions and 7 deletions

View file

@ -97,7 +97,6 @@
code { code {
color: white; color: white;
font-size: 90%; font-size: 90%;
padding-inline-end: 1em;
background: var(--block); background: var(--block);
border-radius: var(--border-radius); border-radius: var(--border-radius);
font-family: var(--monospace-font), monospace; font-family: var(--monospace-font), monospace;

View file

@ -75,7 +75,7 @@ function Icon({
} }
const ServersBase = styled.div` const ServersBase = styled.div`
width: 56px; width: 58px;
height: 100%; height: 100%;
padding-inline-start: 2px; padding-inline-start: 2px;
@ -212,22 +212,23 @@ function Swoosh() {
return ( return (
<span> <span>
<svg <svg
width="54" width="56"
height="106" height="106"
viewBox="0 0 54 106" viewBox="0 0 56 106"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<path <path
d="M54 53C54 67.9117 41.9117 80 27 80C12.0883 80 0 67.9117 0 53C0 38.0883 12.0883 26 27 26C41.9117 26 54 38.0883 54 53Z" d="M54 53C54 67.9117 41.9117 80 27 80C12.0883 80 0 67.9117 0 53C0 38.0883 12.0883 26 27 26C41.9117 26 54 38.0883 54 53Z"
fill={fill} fill={fill}
/> />
<path <path
d="M27 80C4.5 80 54 53 54 53L54.0001 106C54.0001 106 49.5 80 27 80Z" d="M27.0002 80C4.50023 80 56.0002 53 56.0002 53V106C56.0002 106 49.5002 80 27.0002 80Z"
fill={fill} fill={fill}
/> />
<path <path
d="M27 26C4.5 26 54 53 54 53L53.9999 0C53.9999 0 49.5 26 27 26Z" d="M27.0003 26C4.50025 26 56 53 56 53L56.0003 0C56.0003 0 49.5003 26 27.0003 26Z"
fill={fill} fill={fill}
/> />
<rect x="51" y="50" width="5" height="7" fill={fill} />
</svg> </svg>
</span> </span>
); );

View file

@ -28,6 +28,7 @@ const Container = styled.div`
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
padding-bottom: 50px; padding-bottom: 50px;
background: var(--background); background: var(--background);
` `
@ -47,6 +48,12 @@ const Frame = styled.iframe<{ loaded: boolean }>`
border-end-start-radius: 8px; border-end-start-radius: 8px;
`} `}
${() =>
isTouchscreenDevice &&
css`
padding-top: 56px;
`}
${(props) => ${(props) =>
props.loaded props.loaded
? css` ? css`
@ -157,7 +164,7 @@ export default function Discover() {
return ( return (
<Container> <Container>
{isTouchscreenDevice && ( {isTouchscreenDevice && (
<Header placement="primary"> <Header placement="primary" transparent>
<Compass size={27} /> <Compass size={27} />
Discover Discover
</Header> </Header>