diff --git a/external/lang b/external/lang index 55fb420c..bacb6bb8 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f +Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2 diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx index 0293fc19..1fdea46d 100644 --- a/src/components/common/messaging/bars/JumpToBottom.tsx +++ b/src/components/common/messaging/bars/JumpToBottom.tsx @@ -1,4 +1,4 @@ -import { DownArrow } from "@styled-icons/boxicons-regular"; +import { DownArrowAlt } from "@styled-icons/boxicons-regular"; import styled from "styled-components"; import { Text } from "preact-i18n"; @@ -14,13 +14,15 @@ const Bar = styled.div` > div { top: -26px; + height: 28px; width: 100%; position: absolute; border-radius: 4px 4px 0 0; display: flex; + align-items: center; cursor: pointer; font-size: 13px; - padding: 4px 8px; + padding: 0 8px; user-select: none; color: var(--secondary-foreground); background: var(--secondary-background); @@ -40,6 +42,12 @@ const Bar = styled.div` &:active { transform: translateY(1px); } + + @media (pointer: coarse) { + height: 34px; + top: -32px; + padding: 0 12px; + } } `; @@ -56,7 +64,7 @@ export default function JumpToBottom({ id }: { id: string }) {