Update: Fixed Jump to bottom bar on mobile

This commit is contained in:
nizune 2021-07-06 15:03:48 +02:00
parent ddacb34253
commit e99cff9fe6
3 changed files with 14 additions and 6 deletions

2
external/lang vendored

@ -1 +1 @@
Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f
Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2

View file

@ -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>

View file

@ -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>