mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-06 17:11:55 +00:00
fix(header): added mobile support
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user