tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: improve search preview styling and tokenization

Browse Source
This commit is contained in:
Jacky Zhao
2024-02-01 21:15:28 -08:00
parent c00089bd57
commit c0c0b24138
4 changed files with 43 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,7 +54,7 @@
}
& > #search-space {
width: 75%;
width: 65%;
margin-top: 12vh;
margin-left: auto;
margin-right: auto;
@ -85,7 +85,6 @@
& > #search-layout {
display: flex;
flex-direction: row;
justify-content: space-between;
opacity: 0;
border: 1px solid var(--lightgray);
@ -106,7 +105,7 @@
}
}
@media all and (max-width: $mobileBreakpoint) {
@media all and (max-width: $tabletBreakpoint) {
display: block;
& > *:not(#results-container) {
display: none !important;
@ -119,8 +118,8 @@
}
& .highlight {
color: var(--secondary);
font-weight: 700;
background: color-mix(in srgb, var(--tertiary) 60%, transparent);
border-radius: 5px;
}
& > #preview-container {
@ -129,8 +128,10 @@
overflow: hidden;
& .preview-inner {
margin: 0 auto;
padding: 1em;
height: 100%;
width: 100%;
box-sizing: border-box;
overflow-y: auto;
font-family: inherit;