neoris/meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mobile settings view (#427)

Browse Source
This commit is contained in:
lukasIO 2025-05-22 11:02:24 +02:00 committed by GitHub
parent 8a9a5a0aef
commit 489ee7896b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/SettingsMenu.tsx
View File

@ -74,7 +74,7 @@ export function SettingsMenu(props: SettingsMenuProps) {
};
return (
<div className="settings-menu" style={{ width: '100%' }} {...props}>
<div className="settings-menu" style={{ width: '100%', position: 'relative' }} {...props}>
<div className={styles.tabs}>
{tabs.map(
(tab) =>
@ -141,12 +141,14 @@ export function SettingsMenu(props: SettingsMenuProps) {
</>
)}
</div>
<button
className={`lk-button ${styles.settingsCloseButton}`}
onClick={() => layoutContext?.widget.dispatch?.({ msg: 'toggle_settings' })}
>
Close
</button>
<div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>
<button
className={`lk-button`}
onClick={() => layoutContext?.widget.dispatch?.({ msg: 'toggle_settings' })}
>
Close
</button>
</div>
</div>
);
}

6
styles/SettingsMenu.module.css
View File

@ -1,9 +1,3 @@
.settingsCloseButton {
position: absolute;
right: var(--lk-grid-gap);
bottom: var(--lk-grid-gap);
}
.tabs {
position: relative;
display: flex;