add: search bar
Add new header and search bar
This commit is contained in:
parent
0aa495e05b
commit
4b07ebb2ec
18 changed files with 206 additions and 71 deletions
34
app/assets/styles/page.css
Normal file
34
app/assets/styles/page.css
Normal file
|
@ -0,0 +1,34 @@
|
|||
.filter-bar {
|
||||
background: var(--color-lightest);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 1rem;
|
||||
|
||||
& > button {
|
||||
all: unset;
|
||||
cursor: pointer;
|
||||
color: var(--color-main-darkest);
|
||||
font-weight: bolder;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
|
||||
&.active {
|
||||
color: var(--color-main-darkest);
|
||||
}
|
||||
|
||||
&:not(.active) {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
padding: 0 1rem 1rem 1rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 100dvh;
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
overflow: hidden;
|
||||
background: var(--color-lightest);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue