v1.2.0

[serene/MyBrowser.git] / src / Components / ToolBarTextBox.jsx

diff --git a/src/Components/ToolBarTextBox.jsx b/src/Components/ToolBarTextBox.jsx
new file mode 100644 (file)
index 0000000..1c3a633
--- /dev/null
+++ b/src/Components/ToolBarTextBox.jsx
@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+
+const ToolBarTextBox = styled.input`
+  background: white;
+  border: solid 1px #c1c1c1;
+  border-radius: 2px;
+  font-size: 14.5px;
+  outline: none;
+  cursor: initial;
+  width: calc((100% - (40px * ${props => props.buttonCount})) + 5px);
+  height: auto;
+  padding: 2px 5px;
+  margin: 5px;
+  box-sizing: border-box;
+  &:hover, &:focus {
+    box-shadow: 0 5px 10px -3px rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.1);
+    transition: 0.2s;
+  }
+`;
+
+export default ToolBarTextBox;
\ No newline at end of file