Layout fixes
This commit is contained in:
@@ -106,9 +106,9 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
|
|||||||
const buttonDisplay = props.MState.AllowMount ?
|
const buttonDisplay = props.MState.AllowMount ?
|
||||||
(props.MState.Mounted ? 'Unmount' : 'Mount') :
|
(props.MState.Mounted ? 'Unmount' : 'Mount') :
|
||||||
<Loader color={'var(--heading_text_color)'}
|
<Loader color={'var(--heading_text_color)'}
|
||||||
height='19px'
|
height={19}
|
||||||
type='Circles'
|
type='Circles'
|
||||||
width='19px'/>;
|
width={19}/>;
|
||||||
|
|
||||||
const actionsDisplay = (
|
const actionsDisplay = (
|
||||||
<Button clicked={()=>props.clicked(props.provider, props.remote, !props.MState.Mounted, props.PState.MountLocation)}
|
<Button clicked={()=>props.clicked(props.provider, props.remote, !props.MState.Mounted, props.PState.MountLocation)}
|
||||||
|
|||||||
@@ -8,8 +8,8 @@ export default props => {
|
|||||||
className={'Loading'}>
|
className={'Loading'}>
|
||||||
<div className={'LoadingContent'}>
|
<div className={'LoadingContent'}>
|
||||||
<Loader color={'var(--heading_text_color)'}
|
<Loader color={'var(--heading_text_color)'}
|
||||||
height='28px'
|
height={28}
|
||||||
width='28px'
|
width={28}
|
||||||
type='ThreeDots'/>
|
type='ThreeDots'/>
|
||||||
</div>
|
</div>
|
||||||
</div>);
|
</div>);
|
||||||
|
|||||||
@@ -308,9 +308,12 @@ class MountItems extends IPCContainer {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
let headerItems = [];
|
let footerItems = [];
|
||||||
if (this.props.remoteSupported) {
|
if (this.props.remoteSupported) {
|
||||||
headerItems.push(<AddRemoteMount key={'hi_' + headerItems.length}/>);
|
footerItems.push(<AddRemoteMount key={'hi_' + footerItems.length}/>);
|
||||||
|
} else {
|
||||||
|
footerItems.push(<div key={'hi_' + footerItems.length}
|
||||||
|
style={{height: '27px'}}/>);
|
||||||
}
|
}
|
||||||
|
|
||||||
let items = [];
|
let items = [];
|
||||||
@@ -355,7 +358,7 @@ class MountItems extends IPCContainer {
|
|||||||
{items}
|
{items}
|
||||||
</div>
|
</div>
|
||||||
<div style={{paddingTop: '8px'}}/>
|
<div style={{paddingTop: '8px'}}/>
|
||||||
{headerItems}
|
{footerItems}
|
||||||
</div>);
|
</div>);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user