hazza/jupyterhub
1
0
Fork 0
mirror of https://github.com/jupyterhub/jupyterhub.git synced 2025-10-11 20:13:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved design of input fields to match template

Browse Source
This commit is contained in:
vladfreeze
2021-12-02 11:29:22 +01:00
committed by Min RK
parent 21231d2f23
commit 7a56cadfb5
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
jsx/src/components/DynamicTable/DynamicTable.jsx
View File

@@ -155,7 +155,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}> <tr key={"item-" + i}>
<td> <td>
<input <input
className="properties-table-keyvalues" className="form-control"
type="text" type="text"
value={o} value={o}
id={o + i} id={o + i}
@@ -174,7 +174,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}> <tr key={"item-" + i}>
<td> <td>
<input <input
className="properties-table-keyvalues" className="form-control"
type="text" type="text"
value={o} value={o}
onChange={context.handleValueChanged.bind(context, i)} onChange={context.handleValueChanged.bind(context, i)}
@@ -225,7 +225,7 @@ export default class DynamicTable extends React.Component {
<tr> <tr>
<td> <td>
<input <input
className="properties-table" className="form-control"
type="text" type="text"
value={this.state.message} value={this.state.message}
onChange={this.updateMessageKey.bind(this)} onChange={this.updateMessageKey.bind(this)}
@@ -233,7 +233,7 @@ export default class DynamicTable extends React.Component {
</td> </td>
<td> <td>
<input <input
className="properties-table" className="form-control"
type="text" type="text"
value={this.state.message2} value={this.state.message2}
onChange={this.updateMessageValue.bind(this)} onChange={this.updateMessageValue.bind(this)}

7
jsx/src/components/GroupEdit/GroupEdit.jsx
View File

@@ -74,11 +74,13 @@ const GroupEdit = (props) => {
setChanged(true); setChanged(true);
}} }}
/> />
<div className="container">
<div className="row"> <div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<div className="alert alert-info">Manage group properties</div> <div className="alert alert-info">Manage group properties</div>
</div> </div>
</div> </div>
<div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<DynamicTable <DynamicTable
current_propobject={group_data.properties} current_propobject={group_data.properties}
setProp={setProp} setProp={setProp}
@@ -87,6 +89,9 @@ const GroupEdit = (props) => {
setChanged={setChanged} setChanged={setChanged}
//Add keys //Add keys
/> />
</div>
</div>
<div className="row"> <div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"> <div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<button id="return" className="btn btn-light"> <button id="return" className="btn btn-light">