GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 15:05:42 -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 (
<div class="search">
<div id="search-icon">
<p>Search</p>
<div></div>
{/* <p>Search</p>
<div></div> */}
<svg
tabIndex={0}
aria-labelledby="title desc"

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

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