add clear search input button

This commit is contained in:
isUnknown 2024-04-09 18:58:31 +02:00
parent 2f8ceb831e
commit 53b72e85b9
3 changed files with 21 additions and 4 deletions

View file

@ -70,8 +70,10 @@
padding-top: calc(var(--unit--vertical) * 5);
}
.search__input {
all: unset;
width: 100%;
background-color: transparent;
padding: 0;
padding-bottom: calc(var(--unit--vertical) / 4);
border: none;
border-bottom: 1px solid #fff;
@ -84,11 +86,17 @@
letter-spacing: 1px;
}
.search__icon {
all: unset;
position: absolute;
width: 1.1rem;
height: 1.1rem;
bottom: calc(var(--unit--vertical) / 4);
right: calc(var(--unit--horizontal) / 2);
width: 1.2rem;
height: 1.2rem;
padding: 0.5rem;
bottom: 0;
right: calc(var(--unit--horizontal) / 6);
transform: translateX(0.5rem);
}
button.search__icon {
cursor: pointer;
}
.panel__items {