diff --git a/UI/.eslintrc.js b/UI/.eslintrc.js index c5dd7e9..a367014 100644 --- a/UI/.eslintrc.js +++ b/UI/.eslintrc.js @@ -1,4 +1,8 @@ module.exports = { - "extends": "standard", - "plugins": [ "react", "node", "promise", "import" ] + "extends": ["standard", "plugin:react/recommended"], + "plugins": [ "react", "node", "promise", "import" ], + "parser": "babel-eslint", + "parserOptions": { + "jsx": true + } }; \ No newline at end of file diff --git a/UI/src/components/logotype/index.js b/UI/src/components/logotype/index.js index c22d720..9cecf84 100644 --- a/UI/src/components/logotype/index.js +++ b/UI/src/components/logotype/index.js @@ -2,17 +2,15 @@ import React from 'react' const Logotype = ({fill = 'var(--c-7)', width, height, circleFill, typeFill, style, className}) => ( - - - Roleypoly - - - - - - + + + + + + + - + ) diff --git a/UI/src/components/role/Role.sass b/UI/src/components/role/Role.sass index 2efb12e..7b412e9 100644 --- a/UI/src/components/role/Role.sass +++ b/UI/src/components/role/Role.sass @@ -55,6 +55,7 @@ height: 22px margin-right: 6px width: 22px + clip-path: border-box circle(50% at 50% 50%) // fix for firefox and other odd things. box-sizing: border-box /* display: inline-block */ background-color: transparent