fix: removed nested logic on css
This commit is contained in:
parent
f7f5cba7c2
commit
da7cc04268
2 changed files with 12 additions and 11 deletions
|
|
@ -101,7 +101,7 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
|
||||||
<Label>Statuses</Label>
|
<Label>Statuses</Label>
|
||||||
<ul className={classes.list}>
|
<ul className={classes.list}>
|
||||||
{machine.statuses.map((status, index) => (
|
{machine.statuses.map((status, index) => (
|
||||||
<li key={index}>
|
<li className={classes.item} key={index}>
|
||||||
<Status status={status} />
|
<Status status={status} />
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
|
|
@ -113,8 +113,9 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
|
||||||
{machine.statuses
|
{machine.statuses
|
||||||
.map(article)
|
.map(article)
|
||||||
.map(({ label, article }, index) => (
|
.map(({ label, article }, index) => (
|
||||||
<li key={index}>
|
<li className={classes.item} key={index}>
|
||||||
<a
|
<a
|
||||||
|
className={classes.link}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
href={article}>
|
href={article}>
|
||||||
|
|
|
||||||
|
|
@ -35,15 +35,15 @@ const machineDetailsStyles = {
|
||||||
list: {
|
list: {
|
||||||
padding: 0,
|
padding: 0,
|
||||||
margin: 0,
|
margin: 0,
|
||||||
listStyle: 'none',
|
listStyle: 'none'
|
||||||
'& > li': {
|
},
|
||||||
height: spacer * 3,
|
item: {
|
||||||
marginBottom: spacer * 1.5,
|
height: spacer * 3,
|
||||||
'& > a, & > a:visited': {
|
marginBottom: spacer * 1.5
|
||||||
color: primaryColor,
|
},
|
||||||
textDecoration: 'none'
|
link: {
|
||||||
}
|
color: primaryColor,
|
||||||
}
|
textDecoration: 'none'
|
||||||
},
|
},
|
||||||
divider: {
|
divider: {
|
||||||
margin: '0 1rem'
|
margin: '0 1rem'
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue