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