mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-10 20:03:03 +00:00
Adjust tag styling
This commit is contained in:
@@ -35,7 +35,11 @@ const MetadataNav = createClass({
|
|||||||
|
|
||||||
getTags : function(){
|
getTags : function(){
|
||||||
if(!this.props.brew.tags) return 'No tags';
|
if(!this.props.brew.tags) return 'No tags';
|
||||||
return this.props.brew.tags.join(', ');
|
return <>
|
||||||
|
{this.props.brew.tags.map((tag, idx)=>{
|
||||||
|
return <span className='tag' key={idx}>{tag}</span>;
|
||||||
|
})}
|
||||||
|
</>;
|
||||||
},
|
},
|
||||||
|
|
||||||
getSystems : function(){
|
getSystems : function(){
|
||||||
|
|||||||
@@ -218,6 +218,13 @@
|
|||||||
flex-basis : 80%;
|
flex-basis : 80%;
|
||||||
flex-grow : 1;
|
flex-grow : 1;
|
||||||
border-top : 1px solid #888;
|
border-top : 1px solid #888;
|
||||||
|
.tag{
|
||||||
|
border: 2px solid grey;
|
||||||
|
padding: 2px;
|
||||||
|
margin: -2px 2px;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user