Add "Close Search" Button

This commit is contained in:
2024-10-19 20:57:03 +02:00
parent 68887d65a7
commit da002df3f2
3 changed files with 20 additions and 5 deletions

View File

@ -1,3 +1,9 @@
#Search{
position: relative;
width: 98vw;
margin: auto;
}
#SearchBox{
display: flex;
align-content: center;
@ -6,8 +12,7 @@
}
#SearchResults {
max-width: 98vw;
margin: 0 auto;
width: 100%;
}
#SearchBox select, #SearchBox button, #SearchBox input {
@ -41,4 +46,13 @@
border-top-right-radius: 2px;
border-right-width: 2px !important;
width: 90px;
}
#closeSearch {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(20deg) brightness(103%) contrast(101%);
}