hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Codeformat for search

Browse source
This commit is contained in:
Alexandre G.-Raymond 2023-11-26 22:52:17 +01:00
parent dacd1e6146
commit 020c326458
No known key found for this signature in database
GPG key ID: 97BA9F51695B5C7B
2 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
website/src/components/Header/Search.css
View file

@ -2,7 +2,7 @@
:root { :root {
--docsearch-primary-color: var(--lineHighlight); --docsearch-primary-color: var(--lineHighlight);
--docsearch-logo-color: var(--foreground); --docsearch-logo-color: var(--foreground);
--docsearch-container-background: rgba(110,110,110,0.8); --docsearch-container-background: rgba(110, 110, 110, 0.8);
--docsearch-modal-shadow: none; --docsearch-modal-shadow: none;
--docsearch-text-color: var(--foreground); --docsearch-text-color: var(--foreground);
--docsearch-highlight-color: var(--foreground); --docsearch-highlight-color: var(--foreground);
@ -16,12 +16,13 @@
--docsearch-footer-shadow: none; --docsearch-footer-shadow: none;
--docsearch-footer-background: var(--gutterBackground); --docsearch-footer-background: var(--gutterBackground);
--docsearch-modal-background: var(--background); --docsearch-modal-background: var(--background);
--docsearch-muted-color: color-mix(in srgb,var(--foreground),#fff 30%); --docsearch-muted-color: color-mix(in srgb, var(--foreground), #fff 30%);
--docsearch-key-gradient: var(--foreground); --docsearch-key-gradient: var(--foreground);
--docsearch-key-shadow: inset 0 -2px 0 0 var(--gutterForeground),inset 0 0 1px 1px var(--foreground),0 1px 2px 1px var(--gutterBackground); --docsearch-key-shadow: inset 0 -2px 0 0 var(--gutterForeground), inset 0 0 1px 1px var(--foreground),
0 1px 2px 1px var(--gutterBackground);
} }
.dark { .dark {
--docsearch-muted-color: color-mix(in srgb,var(--foreground),#000 30%); --docsearch-muted-color: color-mix(in srgb, var(--foreground), #000 30%);
} }
.search-input { .search-input {
flex-grow: 1; flex-grow: 1;
@ -119,4 +120,7 @@
.DocSearch-Footer { .DocSearch-Footer {
color: var(--docsearch-muted-color) !important; color: var(--docsearch-muted-color) !important;
} }
.DocSearch-Logo svg .cls-1, .DocSearch-Logo svg .cls-2{fill:var(--docsearch-logo-color);} .DocSearch-Logo svg .cls-1,
.DocSearch-Logo svg .cls-2 {
fill: var(--docsearch-logo-color);
}

7
website/src/components/Header/Search.tsx
View file

@ -43,7 +43,12 @@ export default function Search() {
return ( return (
<> <>
<button type="button" ref={searchButtonRef} onClick={onOpen} className="rounded-md bg-slate-900 w-full px-2 search-button"> <button
type="button"
ref={searchButtonRef}
onClick={onOpen}
className="rounded-md bg-slate-900 w-full px-2 search-button"
>
<svg width="24" height="24" fill="none"> <svg width="24" height="24" fill="none">
<path <path
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"