quick search through recipes

This commit is contained in:
Luke Smith
2022-05-26 17:37:00 -04:00
parent 0a837fb26a
commit c57a13d925
3 changed files with 70 additions and 2 deletions

View File

@@ -113,3 +113,36 @@ img[alt="XMR Logo"] {
@media (min-width: 100em) {
#artlist { column-count: 3 ;}
}
input#search {
all: unset;
background: #222;
color: #fff;
padding: 0.7rem 1rem;
border-radius: 5px;
width: 100%;
}
.search {
width: 400px;
max-width: 85vw;
position: relative;
margin: 0.5rem auto 1.2rem;
display: flex;
}
button.clear-search {
all: unset;
position: absolute;
right: 4px;
top: 5px;
height: 30px;
width: 30px;
color: #888;
cursor: pointer;
transition: color 180ms ease-in-out;
}
button.clear-search:hover {
color: #eee;
}