GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 23:15:46 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

simplify search field, no words, only icon

Browse Source
This commit is contained in:
semanticdata 2023-09-29 14:49:56 -05:00
parent e388b3c0f1
commit c7d479ea40
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
quartz/components/Search.tsx
View File

@ -8,8 +8,8 @@ export default (() => {
return ( return (
<div class="search"> <div class="search">
<div id="search-icon"> <div id="search-icon">
<p>Search</p> {/* <p>Search</p>
<div></div> <div></div> */}
<svg <svg
tabIndex={0} tabIndex={0}
aria-labelledby="title desc" aria-labelledby="title desc"

6
quartz/components/styles/search.scss
View File

@ -2,11 +2,13 @@
.search { .search {
min-width: fit-content; min-width: fit-content;
max-width: 14rem; // max-width: 14rem;
max-width: 18px;
flex-grow: 0.3; flex-grow: 0.3;
& > #search-icon { & > #search-icon {
background-color: var(--lightgray); // background-color: var(--lightgray);
background-color: transparent;
border-radius: 4px; border-radius: 4px;
height: 2rem; height: 2rem;
display: flex; display: flex;