diff --git a/external/lang b/external/lang index 33af4890..5a7d7b93 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit 33af4890e56757c27a5bbd23e81d05f03c4a0cde +Subproject commit 5a7d7b93129195abd644db87097bd87958ea2170 diff --git a/src/components/navigation/left/HomeSidebar.tsx b/src/components/navigation/left/HomeSidebar.tsx index 3bccf881..9b6bde0a 100644 --- a/src/components/navigation/left/HomeSidebar.tsx +++ b/src/components/navigation/left/HomeSidebar.tsx @@ -7,6 +7,7 @@ import { import { observer } from "mobx-react-lite"; import { Link, useLocation, useParams } from "react-router-dom"; import { RelationshipStatus } from "revolt-api/types/Users"; +import styled, { css } from "styled-components"; import { Text } from "preact-i18n"; import { useContext, useEffect } from "preact/hooks"; @@ -27,6 +28,21 @@ import { GenericSidebarBase, GenericSidebarList } from "../SidebarBase"; import ButtonItem, { ChannelButton } from "../items/ButtonItem"; import ConnectionStatus from "../items/ConnectionStatus"; +const Navbar = styled.div` + display: flex; + align-items: center; + padding: 0 14px; + font-weight: 600; + flex-shrink: 0; + height: 48px; + + ${() => + isTouchscreenDevice && + css` + height: 56px; + `} +`; + export default observer(() => { const { pathname } = useLocation(); const client = useContext(AppContext); @@ -55,6 +71,9 @@ export default observer(() => { return ( + + +