Archived
improve search
This commit is contained in:
@@ -6,10 +6,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.Provider {
|
.Provider {
|
||||||
|
flex-shrink: 0;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
padding: 11px 20px;
|
padding: 11px 20px;
|
||||||
width: 100px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
|
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
|
||||||
|
|||||||
@@ -37,7 +37,6 @@ export function Search(props: SearchProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div class={style.SearchWrapper}>
|
<div class={style.SearchWrapper}>
|
||||||
<div class={style.Provider}>{activeProvider()?.name}</div>
|
|
||||||
<input
|
<input
|
||||||
id="search"
|
id="search"
|
||||||
class={style.Search}
|
class={style.Search}
|
||||||
@@ -53,6 +52,7 @@ export function Search(props: SearchProps) {
|
|||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
<div class={style.Provider}>{activeProvider()?.name}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user