diff --git a/external/lang b/external/lang index 55fb420c9d7251cb0263dc47efe8870b98c7944f..bacb6bb8c731ab3216dc6928328cb795d52333a2 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 0293fc192a41ce7daf4c017c945c4945ea476fe3..1fdea46d07d8f432c8215caf751daf67a4b0cf85 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 }) { </div> <div> <Text id="app.main.channel.misc.jump_present" />{" "} - <DownArrow size={18} /> + <DownArrowAlt size={20} /> </div> </div> </Bar> diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx index e32ef82296e2a68be24819b2c845169ad1a5cab1..8a8c049f2dde9564bbc1ddac7e6af141e309d2e7 100644 --- a/src/pages/settings/panes/Account.tsx +++ b/src/pages/settings/panes/Account.tsx @@ -124,13 +124,13 @@ export function Account() { </Button>*/} <h3><Text id="app.settings.pages.account.manage.title" /></h3> - <h5><Text id="app.settings.pages.account.manage.desciption" /></h5> + <h5><Text id="app.settings.pages.account.manage.description" /></h5> <div className={styles.buttons}> {/* <Button contrast> <Text id="app.settings.pages.account.manage.disable" /> </Button> */} <a href="mailto:contact@revolt.chat?subject=Delete%20my%20account"> - <Button contrast> + <Button error compact> <Text id="app.settings.pages.account.manage.delete" /> </Button> </a>