BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Layout changes

Browse Source
This commit is contained in:
sgraves76
2019-10-22 13:28:50 -05:00
parent 0f2bd33779
commit 0571a69814
15 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/containers/AddRemoteMount/AddRemoteMount.js
View File

@@ -61,8 +61,8 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
render() {
const displayAdd = createModalConditionally(this.state.Display, (
<Box dxDark
dxStyle={{width: 'auto', height: 'auto', padding: '8px'}}>
<h1 style={{color: 'var(--text_color_error)', textAlign: 'center', paddingBottom: '8px'}}>Add Remote Mount</h1>
dxStyle={{width: 'auto', height: 'auto', padding: 'var(--default_spacing)'}}>
<h1 style={{color: 'var(--text_color_error)', textAlign: 'center', paddingBottom: 'var(--default_spacing)'}}>Add Remote Mount</h1>
<Text text={'Hostname or IP'}
textAlign={'left'}
type={'Heading1'}/>
@@ -70,7 +70,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
className={'ConfigurationItemInput'}
type={'text'}
value={this.state.HostNameOrIp}/>
<div style={{paddingTop: '8px'}}/>
<div style={{paddingTop: 'var(--default_spacing)'}}/>
<Text text={'Port'}
textAlign={'left'}
type={'Heading1'}/>
@@ -80,7 +80,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
className={'ConfigurationItemInput'}
type={'number'}
value={this.state.Port}/>
<div style={{paddingTop: '8px'}}/>
<div style={{paddingTop: 'var(--default_spacing)'}}/>
<Text text={'Remote Token'}
textAlign={'left'}
type={'Heading1'}/>
@@ -88,7 +88,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
className={'ConfigurationItemInput'}
type={'text'}
value={this.state.Token}/>
<div style={{paddingTop: '8px'}}/>
<div style={{paddingTop: 'var(--default_spacing)'}}/>
<table cellSpacing={1}
width="100%">
<tbody>

4
src/containers/Configuration/Configuration.js
View File

@@ -252,7 +252,7 @@ class Configuration extends IPCContainer {
if ((this.state.ChangedItems.length > 0) || this.state.ChangedObjectLookup) {
confirmSave = (
<Modal>
<Box dxStyle={{width: '40vw', padding: '4px'}}>
<Box dxStyle={{width: '40vw', padding: 'var(--default_spacing)'}}>
<h1 style={{width: '100%', textAlign: 'center'}}>Save Changes?</h1>
<table width='100%'><tbody>
<tr>
@@ -310,7 +310,7 @@ class Configuration extends IPCContainer {
return (
<div className={'Configuration'}>
{confirmSave}
<Box dxDark dxStyle={{padding: '8px'}}>
<Box dxDark dxStyle={{padding: 'var(--default_spacing)'}}>
<div style={{float: 'right', margin: 0, padding: 0, marginTop: '-4px', boxSizing: 'border-box', display: 'block'}}>
<b style={{cursor: 'pointer'}}
onClick={this.checkSaveRequired}>X</b>

12
src/containers/MountItems/MountItems.js
View File

@@ -292,7 +292,7 @@ class MountItems extends IPCContainer {
retryList.push(<Button clicked={()=>this.cancelRetryMount(provider, ()=> this.detectMounts())}
key={'rl_' + retryList.length}>Cancel {provider} Remount ({this.state.RetryItems[provider].RetrySeconds}s)</Button>);
if (retryCount++ < Object.keys(this.state.RetryItems).length) {
retryList.push(<div style={{paddingTop: '8px'}}
retryList.push(<div style={{paddingTop: 'var(--default_spacing)'}}
key={'rl_' + retryList.length}/>);
}
}
@@ -300,8 +300,8 @@ class MountItems extends IPCContainer {
retryDisplay = (
<Modal>
<Box dxDark dxStyle={{padding: '8px', minWidth: '70vw'}}>
<h1 style={{textAlign: 'center', paddingBottom: '8px', color: 'var(--text_color_error)'}}>Mount Failed</h1>
<Box dxDark dxStyle={{padding: 'var(--default_spacing)', minWidth: '70vw'}}>
<h1 style={{textAlign: 'center', paddingBottom: 'var(--default_spacing)', color: 'var(--text_color_error)'}}>Mount Failed</h1>
{retryList}
</Box>
</Modal>
@@ -328,7 +328,7 @@ class MountItems extends IPCContainer {
provider={provider}/>
));
items.push(<div key={'it_' + items.length}
style={{paddingTop: '8px'}} />)
style={{paddingTop: 'var(--default_spacing)'}} />)
}
if (this.props.remoteSupported) {
@@ -344,7 +344,7 @@ class MountItems extends IPCContainer {
remote/>
));
items.push(<div key={'it_' + items.length}
style={{paddingTop: '8px'}}/>)
style={{paddingTop: 'var(--default_spacing)'}}/>)
}
items.splice(items.length - 1, 1);
} else {
@@ -357,7 +357,7 @@ class MountItems extends IPCContainer {
<div className={this.props.remoteSupported ? 'MountItemsRemote' : 'MountItems'}>
{items}
</div>
<div style={{paddingTop: '8px'}}/>
<div style={{paddingTop: 'var(--default_spacing)'}}/>
{footerItems}
</div>);
}

2
src/containers/SelectAppPlatform/SelectAppPlatform.css
View File

@@ -8,7 +8,7 @@
max-height: 60vh;
width: 255px;
overflow-y: auto;
margin-bottom: 8px;
margin-bottom: var(--default_spacing);
}
.SAPActions {

2
src/containers/SelectAppPlatform/SelectAppPlatform.js
View File

@@ -50,7 +50,7 @@ class SelectAppPlatform extends IPCContainer {
render() {
return (
<Box dxDark dxStyle={{padding: '8px'}}>
<Box dxDark dxStyle={{padding: 'var(--default_spacing)'}}>
<h1 className={'SAPHeading'}>Select Linux Platform</h1>
<div className={'SAPContent'}>
<p>Repertory was unable to detect your Linux distribution. Please select one of the following and click <b>Test</b> to continue:</p>