search: widen browse-bar search by 20% (320→384px) + placeholder "Search all content sitewide"
This commit is contained in:
@@ -545,7 +545,7 @@ export default function Header() {
|
|||||||
<input
|
<input
|
||||||
ref={searchRef}
|
ref={searchRef}
|
||||||
type="search"
|
type="search"
|
||||||
placeholder="Search articles, gear, vendors"
|
placeholder="Search all content sitewide"
|
||||||
value={searchQuery}
|
value={searchQuery}
|
||||||
onChange={(e) => setSearchQuery(e?.target?.value)}
|
onChange={(e) => setSearchQuery(e?.target?.value)}
|
||||||
onFocus={() => { setSearchFocused(true); if (suggestions.length > 0) setSuggestOpen(true); }}
|
onFocus={() => { setSearchFocused(true); if (suggestions.length > 0) setSuggestOpen(true); }}
|
||||||
|
|||||||
@@ -995,9 +995,9 @@ h1, h2, h3 {
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 0 1 320px;
|
flex: 0 1 384px;
|
||||||
max-width: 360px;
|
max-width: 432px;
|
||||||
min-width: 200px;
|
min-width: 240px;
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
|
|||||||
Reference in New Issue
Block a user