cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-09 08:43:37 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fixed sessions tab for mobile devices

Browse source
This commit is contained in:
nizune 2021-07-07 22:15:52 +02:00
parent ce67c5acdb
commit 0f0c6cfbae
2 changed files with 44 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/pages/settings/panes/Panes.module.scss
View file

@ -312,6 +312,22 @@
display: flex;
align-items: center;
gap: 12px;
flex-direction: row;
.flextest {
display: flex;
gap: 12px;
flex-grow: 1;
}
@media only screen and (max-width: 900px) {
align-items: unset;
flex-direction: column;
> button {
width: 100%;
}
}
}
.entry {

7
src/pages/settings/panes/Sessions.tsx
View file

@ -128,6 +128,7 @@ export function Sessions() {
</span>
)}
<div className={styles.session}>
<div className={styles.flextest}>
<div className={styles.icon}>
{getIcon(session)}
<div>{getSystemIcon(session)}</div>
@ -149,7 +150,12 @@ export function Sessions() {
}}
/>
</span>
</div>
</div>
{deviceId !== session.id && (
<Button
onClick={async () => {
@ -173,6 +179,7 @@ export function Sessions() {
<Text id="app.settings.pages.logOut" />
</Button>
)}
</div>
</div>
))}