mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-20 00:08:02 +01:00
small button adjustsments
This commit is contained in:
parent
4b9a60a735
commit
6216440644
@ -52,7 +52,6 @@ export default class FeatureListComponent extends React.PureComponent {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div className={styles.topList}>
|
<div className={styles.topList}>
|
||||||
|
|
||||||
<Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}>
|
<Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}>
|
||||||
{ settings.showLastHour &&
|
{ settings.showLastHour &&
|
||||||
<ChipContact className="mdl-color--teal mdl-color-text--white">
|
<ChipContact className="mdl-color--teal mdl-color-text--white">
|
||||||
@ -69,7 +68,6 @@ export default class FeatureListComponent extends React.PureComponent {
|
|||||||
{ '1 minute' }
|
{ '1 minute' }
|
||||||
</Chip>
|
</Chip>
|
||||||
|
|
||||||
|
|
||||||
<div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px' }}>
|
<div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px' }}>
|
||||||
<Textfield
|
<Textfield
|
||||||
floatingLabel
|
floatingLabel
|
||||||
@ -95,11 +93,8 @@ export default class FeatureListComponent extends React.PureComponent {
|
|||||||
</Menu>
|
</Menu>
|
||||||
</div>
|
</div>
|
||||||
<Link to="/features/create" className={styles.topListItem0}>
|
<Link to="/features/create" className={styles.topListItem0}>
|
||||||
<FABButton ripple component="span" mini>
|
<IconButton ripple raised name="add" component="span" mini style={{ color: 'black' }}/>
|
||||||
<Icon name="add" />
|
|
||||||
</FABButton>
|
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul className="demo-list-item mdl-list">
|
<ul className="demo-list-item mdl-list">
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { Link } from 'react-router';
|
import { Link } from 'react-router';
|
||||||
|
|
||||||
import { List, ListItem, ListItemContent, IconButton, Chip } from 'react-mdl';
|
import { List, ListItem, ListItemContent, Chip, Icon, IconButton } from 'react-mdl';
|
||||||
import { HeaderTitle } from '../common';
|
import { HeaderTitle } from '../common';
|
||||||
|
|
||||||
class StrategiesListComponent extends Component {
|
class StrategiesListComponent extends Component {
|
||||||
@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<HeaderTitle title="Strategies" actions={<IconButton name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy"/>} />
|
<HeaderTitle title="Strategies"
|
||||||
|
actions={<IconButton mini raised name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy" />} />
|
||||||
<List>
|
<List>
|
||||||
{strategies.length > 0 ? strategies.map((strategy, i) => {
|
{strategies.length > 0 ? strategies.map((strategy, i) => {
|
||||||
return (
|
return (
|
||||||
<ListItem key={i}>
|
<ListItem key={i} twoLine>
|
||||||
<ListItemContent>
|
<ListItemContent icon="extension" subtitle={strategy.description}>
|
||||||
<Link to={`/strategies/view/${strategy.name}`}>
|
<Link to={`/strategies/view/${strategy.name}`}>
|
||||||
<strong>{strategy.name}</strong>
|
<strong>{strategy.name}</strong>
|
||||||
</Link>
|
</Link>
|
||||||
<span> {strategy.description}</span></ListItemContent>
|
</ListItemContent>
|
||||||
<IconButton name="delete" onClick={() => removeStrategy(strategy)} />
|
<IconButton name="delete" onClick={() => removeStrategy(strategy)} />
|
||||||
</ListItem>
|
</ListItem>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user