mirror of
https://github.com/revoltchat/revite.git
synced 2024-12-24 22:52:09 -05:00
Update: Fixed Jump to bottom bar on mobile
This commit is contained in:
parent
ddacb34253
commit
e99cff9fe6
3 changed files with 14 additions and 6 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
|||
Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f
|
||||
Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue