v1.6.9

[serene/MyBrowser.git] / app / src / Components / BookmarkBar.jsx

diff --git a/app/src/Components/BookmarkBar.jsx b/app/src/Components/BookmarkBar.jsx
new file mode 100644 (file)
index 0000000..5d9db98
--- /dev/null
+++ b/app/src/Components/BookmarkBar.jsx
@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+const BookmarkBar = styled.div`
+  width: 100%;
+  height: 40px;
+  display: ${props => props.isBookmarkBar ? 'flex' : 'none'};
+  background: ${props => !props.isDarkModeOrPrivateMode ? '#f9f9fa' : '#353535'};
+  border-bottom: solid 1px ${props => !props.isDarkModeOrPrivateMode ? '#e1e1e1' : '#8b8b8b'};
+  box-sizing: border-box;
+`;
+
+export default BookmarkBar;
\ No newline at end of file