fix(settings): display index header only on mobile and show user

This commit is contained in:
Paul 2021-12-24 12:45:28 +00:00
parent 63164fe2d0
commit e263b627aa
2 changed files with 4 additions and 3 deletions

View file

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

View file

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