diff --git a/ui/components/Button.js b/ui/components/Button.js index 5365714..5dcfd03 100644 --- a/ui/components/Button.js +++ b/ui/components/Button.js @@ -15,11 +15,10 @@ function getBackground(type) { const Button = styled.button` padding: 5px 10px; - background: ${props => getBackground(props.type)}; - color: ${fontColorWhite}; - border: none; + background: transparent; + color: ${props => getBackground(props.type)}; + border: 1px solid ${props => getBackground(props.type)}; border-radius: 3px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); cursor: pointer; `; diff --git a/ui/components/Input.js b/ui/components/Input.js index c90539f..1c7a788 100644 --- a/ui/components/Input.js +++ b/ui/components/Input.js @@ -8,6 +8,10 @@ const Input = styled.input` color: ${props => props.theme.controllerColor}; border-radius: 5px; font-size: 12px; + + &:disabled { + opacity: 0.3; + } `; export default Input; diff --git a/ui/components/Select.js b/ui/components/Select.js index 7a88794..7c203e4 100644 --- a/ui/components/Select.js +++ b/ui/components/Select.js @@ -10,6 +10,10 @@ const Select = styled.select` background: ${props => props.theme.controllerBackground}; color: ${props => props.theme.containerFont}; font-size: 12px; + + &:disabled { + opacity: 0.3; + } `; export default Select; diff --git a/ui/components/Sidebar.js b/ui/components/Sidebar.js index 08e1874..7d20601 100644 --- a/ui/components/Sidebar.js +++ b/ui/components/Sidebar.js @@ -98,7 +98,6 @@ const Sidebar = ({ namespaces, links, onThemeChange }) => (
Resources