mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-26 16:02:38 +00:00
Adjust tag styling
This commit is contained in:
@@ -35,7 +35,11 @@ const MetadataNav = createClass({
|
||||
|
||||
getTags : function(){
|
||||
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(){
|
||||
|
||||
@@ -218,6 +218,13 @@
|
||||
flex-basis : 80%;
|
||||
flex-grow : 1;
|
||||
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