move global search input to a general location

- create a global search store
- create a half-baked context menu store
-
This commit is contained in:
geoffrey45
2022-03-12 08:56:38 +03:00
parent 39fba364d3
commit 658e7cdbb7
21 changed files with 538 additions and 245 deletions
-36
View File
@@ -46,39 +46,3 @@
display: none;
}
}
.right-search {
.input-loader {
width: 100%;
border-radius: 0.4rem;
position: relative;
._loader {
position: absolute;
top: 0;
right: 2rem;
}
input {
width: calc(100% - 2.5rem);
border: none;
line-height: 2.5rem;
background-color: transparent;
color: rgb(255, 255, 255);
font-size: 1rem;
outline: none;
transition: all 0.5s ease;
padding-left: 0.75rem;
&:focus {
transition: all 0.5s ease;
color: rgb(255, 255, 255);
outline: none;
&::placeholder {
display: none;
}
}
}
}
}
+6 -1
View File
@@ -87,7 +87,7 @@ button {
grid-template-rows: 3rem 1fr 1fr;
grid-auto-flow: row;
grid-template-areas:
"l-sidebar nav r-sidebar"
"l-sidebar nav search-input"
"l-sidebar content r-sidebar"
"l-sidebar content r-sidebar"
"l-sidebar bottom-bar tabs";
@@ -103,6 +103,11 @@ button {
}
}
.gsearch-input {
grid-area: search-input;
border-left: solid 1px $gray;
}
.topnav {
grid-area: nav;
}