fix(sidebar): hide discover button on mobile

This commit is contained in:
trashtemp 2022-01-11 21:24:02 +01:00
parent 8fcda5a6de
commit 1cdc6b51df
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6

View file

@ -388,39 +388,41 @@ export default observer(() => {
</div> </div>
</Tooltip> </Tooltip>
</ServerCircle> </ServerCircle>
<ServerCircle> {!isTouchscreenDevice && (
<Tooltip <ServerCircle>
content={ <Tooltip
<div content={
style={{
display: "flex",
alignItems: "center",
gap: "6px",
}}>
<div>Discover Revolt</div>
<div <div
style={{ style={{
padding: "1px 5px", display: "flex",
fontSize: "11px", alignItems: "center",
background: "var(--status-busy)", gap: "6px",
borderRadius: "60px",
}}> }}>
NEW <div>Discover Revolt</div>
<div
style={{
padding: "1px 5px",
fontSize: "11px",
background: "var(--status-busy)",
borderRadius: "60px",
}}>
NEW
</div>
</div> </div>
}
placement="right">
<div className="circle">
<IconButton>
<Link to="/discover">
<a>
<Compass size={32} />
</a>
</Link>
</IconButton>
</div> </div>
} </Tooltip>
placement="right"> </ServerCircle>
<div className="circle"> )}
<IconButton>
<Link to="/discover">
<a>
<Compass size={32} />
</a>
</Link>
</IconButton>
</div>
</Tooltip>
</ServerCircle>
</ServerList> </ServerList>
<PaintCounter small /> <PaintCounter small />
{!isTouchscreenDevice && ( {!isTouchscreenDevice && (