refactor(components): replace Toolbar with Navbar component

* remove SearchModal and SettingsModal components
* add a generic NavbarItem component (instead of the previous toolbar
items to avoid unreadable styles...)
* move FlippingLabel component logic into NavbarItem since it is only
used here

1 files changed, 3 insertions, 24 deletions

diff --git a/src/components/templates/layout/layout.module.scss b/src/components/templates/layout/layout.module.scss
index 4695948..03276bf 100644
--- a/src/components/templates/layout/layout.module.scss
+++ b/src/components/templates/layout/layout.module.scss
@@ -77,32 +77,11 @@
   }
 }
 
-.toolbar {
-  justify-content: space-around;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 5;
-  background: var(--color-bg);
-  border-top: fun.convert-px(4) solid;
-  border-image: radial-gradient(
-      ellipse at top,
-      var(--color-primary-lighter) 20%,
-      var(--color-primary) 100%
-    )
-    1;
-  box-shadow: 0 fun.convert-px(-2) fun.convert-px(3) fun.convert-px(-1)
-    var(--color-shadow-dark);
-
+.search,
+.settings {
   @include mix.media("screen") {
     @include mix.dimensions("sm") {
-      justify-content: flex-end;
-      width: auto;
-      position: relative;
-      left: unset;
-      background: inherit;
-      border: none;
-      box-shadow: none;
+      min-width: 30ch;
     }
   }
 }