used mdi icons instead of font awesome

This commit is contained in:
Jan Prochazka
2020-11-09 19:33:46 +01:00
parent 4bf797c27d
commit a7fcf1d3a3
25 changed files with 85 additions and 51 deletions

View File

@@ -27,8 +27,10 @@ const Name = styled.div`
const Buttons = styled.div`
white-space: nowrap;
`;
const Icon = styled(FontIcon)`
const Icon = styled.span`
// margin-left: 5px;
position: relative;
top: 5px;
&:hover {
background-color: gray;
}
@@ -103,10 +105,10 @@ function ColumnManagerRow({ column, onEdit, onRemove, onUp, onDown }) {
<Row onMouseEnter={() => setIsHover(true)} onMouseLeave={() => setIsHover(false)}>
<Name>{column.columnName}</Name>
<Buttons>
<Icon icon="fas fa-edit" onClick={onEdit} />
<Icon icon="fas fa-trash" onClick={onRemove} />
<Icon icon="fas fa-arrow-up" onClick={onUp} />
<Icon icon="fas fa-arrow-down" onClick={onDown} />
<Icon className="mdi mdi-pencil" onClick={onEdit} />
<Icon className="mdi mdi-delete" onClick={onRemove} />
<Icon className="mdi mdi-arrow-up" onClick={onUp} />
<Icon className="mdi mdi-arrow-down" onClick={onDown} />
</Buttons>
</Row>
);