Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01:00
Code Issues Projects Releases Wiki Activity

improve grid in tablet and phone

Browse Source
This commit is contained in:
sveisvei 2016-12-17 21:41:23 +01:00
parent 8806f77dfe
commit 691e95d6e7
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/application/application-edit-component.js
View File

@ -64,7 +64,7 @@ class ClientApplications extends PureComponent {
const content = this.state.activeTab === 0 ? ( const content = this.state.activeTab === 0 ? (
<Grid> <Grid>
<Cell col={3}> <Cell col={3} tablet={4} phone={12}>
<h6> Toggles</h6> <h6> Toggles</h6>
<hr /> <hr />
<List> <List>
@ -88,7 +88,7 @@ class ClientApplications extends PureComponent {
)} )}
</List> </List>
</Cell> </Cell>
<Cell col={3}> <Cell col={3} tablet={4} phone={12}>
<h6>Implemented strategies</h6> <h6>Implemented strategies</h6>
<hr /> <hr />
<List> <List>
@ -111,7 +111,7 @@ class ClientApplications extends PureComponent {
))} ))}
</List> </List>
</Cell> </Cell>
<Cell col={6}> <Cell col={6} tablet={12}>
<h6>{instances.length} Instances connected</h6> <h6>{instances.length} Instances connected</h6>
<hr /> <hr />
<List> <List>

6
frontend/src/component/feature/view-edit-container.jsx
View File

@ -29,7 +29,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel> onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel>
<hr /> <hr />
<Grid style={{ textAlign: 'center' }}> <Grid style={{ textAlign: 'center' }}>
<Cell col={3}> <Cell tablet={4} col={3} phone={12}>
{ {
lastMinute.isFallback ? lastMinute.isFallback ?
<Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }} <Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }}
@ -40,7 +40,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
} }
<p><strong>Last minute</strong><br /> Yes {lastMinute.yes}, No: {lastMinute.no}</p> <p><strong>Last minute</strong><br /> Yes {lastMinute.yes}, No: {lastMinute.no}</p>
</Cell> </Cell>
<Cell col={3}> <Cell col={3} tablet={4} phone={12}>
{ {
lastHour.isFallback ? lastHour.isFallback ?
<Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }} <Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }}
@ -51,7 +51,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
} }
<p><strong>Last hour</strong><br /> Yes {lastHour.yes}, No: {lastHour.no}</p> <p><strong>Last hour</strong><br /> Yes {lastHour.yes}, No: {lastHour.no}</p>
</Cell> </Cell>
<Cell col={6}> <Cell col={6} tablet={12}>
{seenApps.length > 0 ? {seenApps.length > 0 ?
(<div><strong>Seen in applications:</strong></div>) : (<div><strong>Seen in applications:</strong></div>) :
<div> <div>

6
frontend/src/component/strategies/show-strategy-component.js
View File

@ -33,7 +33,7 @@ class ShowStrategyComponent extends PureComponent {
<div> <div>
<Grid> <Grid>
<Cell col={12}> <Cell col={12} >
<h6>Parameters</h6> <h6>Parameters</h6>
<hr /> <hr />
<List> <List>
@ -41,13 +41,13 @@ class ShowStrategyComponent extends PureComponent {
</List> </List>
</Cell> </Cell>
<Cell col={6}> <Cell col={6} tablet={12}>
<h6>Applications using this strategy</h6> <h6>Applications using this strategy</h6>
<hr /> <hr />
<AppsLinkList apps={applications} /> <AppsLinkList apps={applications} />
</Cell> </Cell>
<Cell col={6}> <Cell col={6} tablet={12}>
<h6>Toggles using this strategy</h6> <h6>Toggles using this strategy</h6>
<hr /> <hr />
<TogglesLinkList toggles={toggles} /> <TogglesLinkList toggles={toggles} />