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


- {/* Home */} Nodes Services Deployments @@ -108,8 +107,7 @@ const Sidebar = ({ namespaces, links, onThemeChange }) => ( Hpa Pvc Pods - Port Forward - {/* Nodes */} + Port Forward Change Theme diff --git a/ui/containers/App.js b/ui/containers/App.js index b8a8252..9a4db7e 100644 --- a/ui/containers/App.js +++ b/ui/containers/App.js @@ -173,7 +173,7 @@ function App() { path="/:namespace/:type/:name/describe" action="describe" /> - + diff --git a/ui/containers/Editor.js b/ui/containers/Editor.js index 0dc1fb5..9b845eb 100644 --- a/ui/containers/Editor.js +++ b/ui/containers/Editor.js @@ -10,7 +10,8 @@ const yaml = require('js-yaml'); const EditorContainer = styled.div` position: relative; - height: 100%; + height: calc(100% + 32px); + margin: -16px; `; function Editor(props) { diff --git a/ui/containers/Logs.js b/ui/containers/Logs.js index 50f6860..1c67da2 100644 --- a/ui/containers/Logs.js +++ b/ui/containers/Logs.js @@ -10,6 +10,8 @@ import { navigate } from '@reach/router'; const LogsContainer = styled.div` position: relative; height: 100%; + height: calc(100% + 32px); + margin: -16px; color: white; background: ${props => props.theme.background}; `; diff --git a/ui/index.html b/ui/index.html index b94b4d0..aafdc4e 100644 --- a/ui/index.html +++ b/ui/index.html @@ -23,7 +23,7 @@ href="./assets/favicon-16x16.png" />