Skip to content
Snippets Groups Projects
Commit e99cff9f authored by nizune's avatar nizune
Browse files

Update: Fixed Jump to bottom bar on mobile

parent ddacb342
No related merge requests found
Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f
Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2
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>
......
......@@ -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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment