Toolbar: add drop-shadow

2020-08-08 23:50:08 -04:00
parent 981e5ff53d
commit ce5b2604ad
2 changed files with 2 additions and 1 deletions
--- a/src/components/Toolbar/Toolbar.css
+++ b/src/components/Toolbar/Toolbar.css
@@ -8,6 +8,7 @@ menu.toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
+  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
 }

 .toolbar-contents {
--- a/src/components/Toolbar/Toolbar.tsx
+++ b/src/components/Toolbar/Toolbar.tsx
@@ -7,7 +7,7 @@ type ToolbarProps = {};

 const Toolbar: React.FC<ToolbarProps> = () => {
  return (
-    <menu className="toolbar">
+    <menu className="toolbar" id="toolbar">
      <div className="toolbar-contents">
        <StyleInput />
        <SearchInput />