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

fix(sidebar): changed server sidebar width

Browse source
This commit is contained in:
trashtemp 2022-01-15 12:36:50 +01:00
parent 8029f39c4e
commit 79550cb2ad
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
3 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/markdown/Markdown.module.scss
View file

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

11
src/components/navigation/left/ServerListSidebar.tsx
View file

@ -75,7 +75,7 @@ function Icon({
}
const ServersBase = styled.div`
width: 56px;
width: 58px;
height: 100%;
padding-inline-start: 2px;
@ -212,22 +212,23 @@ function Swoosh() {
return (
<span>
<svg
width="54"
width="56"
height="106"
viewBox="0 0 54 106"
viewBox="0 0 56 106"
xmlns="http://www.w3.org/2000/svg">
<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"
fill={fill}
/>
<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}
/>
<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}
/>
<rect x="51" y="50" width="5" height="7" fill={fill} />
</svg>
</span>
);

9
src/pages/discover/Discover.tsx
View file

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