mirror of
https://github.com/revoltchat/revite.git
synced 2024-12-01 11:20:58 -05:00
fix(settings): display index header only on mobile and show user
This commit is contained in:
parent
63164fe2d0
commit
e263b627aa
2 changed files with 4 additions and 3 deletions
|
@ -134,7 +134,7 @@ export function GenericSettings({
|
||||||
<div className={styles.sidebar}>
|
<div className={styles.sidebar}>
|
||||||
<div className={styles.scrollbox}>
|
<div className={styles.scrollbox}>
|
||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
{indexHeader}
|
{isTouchscreenDevice && indexHeader}
|
||||||
{pages.map((entry, i) =>
|
{pages.map((entry, i) =>
|
||||||
entry.hidden ? undefined : (
|
entry.hidden ? undefined : (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -33,6 +33,7 @@ import RequiresOnline from "../../context/revoltjs/RequiresOnline";
|
||||||
import { AppContext, LogOutContext } from "../../context/revoltjs/RevoltClient";
|
import { AppContext, LogOutContext } from "../../context/revoltjs/RevoltClient";
|
||||||
|
|
||||||
import UserIcon from "../../components/common/user/UserIcon";
|
import UserIcon from "../../components/common/user/UserIcon";
|
||||||
|
import { Username } from "../../components/common/user/UserShort";
|
||||||
import LineDivider from "../../components/ui/LineDivider";
|
import LineDivider from "../../components/ui/LineDivider";
|
||||||
|
|
||||||
import ButtonItem from "../../components/navigation/items/ButtonItem";
|
import ButtonItem from "../../components/navigation/items/ButtonItem";
|
||||||
|
@ -270,8 +271,8 @@ export default observer(() => {
|
||||||
}
|
}
|
||||||
indexHeader={
|
indexHeader={
|
||||||
<IndexHeader>
|
<IndexHeader>
|
||||||
<UserIcon size={64} />
|
<UserIcon size={64} target={client.user!} />
|
||||||
Username
|
<Username user={client.user!} prefixAt />
|
||||||
</IndexHeader>
|
</IndexHeader>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in a new issue