shawn/op-pedal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Wifi config dialog layout on large screens.

Browse Source
This commit is contained in:
Robin Davies
2024-10-08 02:38:56 -04:00
parent 4567c698ae
commit 94b2072783
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
react/src/WifiConfigDialog.tsx
+11 -4
View File
@@ -223,6 +223,10 @@ const WifiConfigDialog = withStyles(styles, { withTheme: true })(
this.state.newPassword; this.state.newPassword;
} }
onEnterKey() {
this.handleOk(false);
}
handleOk(wifiWarningGiven: boolean) { handleOk(wifiWarningGiven: boolean) {
let hasError = false; let hasError = false;
if (this.state.autoStartMode !== 0) { if (this.state.autoStartMode !== 0) {
@@ -334,8 +338,11 @@ const WifiConfigDialog = withStyles(styles, { withTheme: true })(
}; };
let enabled = this.state.autoStartMode !== 0; let enabled = this.state.autoStartMode !== 0;
return ( return (
<DialogEx tag="wifiConfig" open={open} fullWidth onClose={handleClose} style={{ userSelect: "none" }} <DialogEx tag="wifiConfig" open={open} fullWidth maxWidth="sm" onClose={handleClose} style={{ userSelect: "none" }}
fullScreen={this.state.fullScreen} fullScreen={this.state.fullScreen
}
onEnterKey={()=>{ this.handleOk(false); }}
> >
{(this.state.fullScreen || !this.state.compactHeight) && ( {(this.state.fullScreen || !this.state.compactHeight) && (
<DialogTitle>Wi-fi Auto-Hotspot</DialogTitle> <DialogTitle>Wi-fi Auto-Hotspot</DialogTitle>
@@ -353,8 +360,8 @@ const WifiConfigDialog = withStyles(styles, { withTheme: true })(
}} }}
> >
<FormControl variant="standard" style={{ flexGrow: 1, flexBasis: 1 }} > <FormControl variant="standard" style={{ flexGrow: 1, flexBasis: 1, minWidth: 150 }} >
<InputLabel htmlFor="behavior">Auto-start hotspot when</InputLabel> <InputLabel htmlFor="behavior">Auto-start hotspot when...</InputLabel>
<Select id="behavior" value={this.state.autoStartMode} <Select id="behavior" value={this.state.autoStartMode}
onChange={(el) => { onChange={(el) => {
let value = el.target.value as number let value = el.target.value as number