mirror of
https://github.com/revoltchat/revite.git
synced 2025-02-22 00:00:56 -05:00
fix(sidebar): changed server sidebar width
This commit is contained in:
parent
8029f39c4e
commit
79550cb2ad
3 changed files with 14 additions and 7 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue