cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2025-01-13 07:51:27 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(header): added mobile support

Browse source
This commit is contained in:
trashtemp 2021-12-27 15:48:31 +01:00
parent 850d685175
commit 356291cc4f
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
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,8 @@ import styled, { css } from "styled-components";
import { Text } from "preact-i18n"; import { Text } from "preact-i18n";
import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
import Header from "../ui/Header"; import Header from "../ui/Header";
import IconButton from "../ui/IconButton"; import IconButton from "../ui/IconButton";
@ -52,6 +54,12 @@ const ServerBanner = styled.div<Props>`
text-overflow: ellipsis; text-overflow: ellipsis;
gap: 8px; gap: 8px;
${() =>
isTouchscreenDevice &&
css`
height: 56px;
`}
.title { .title {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;