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

fix darkmode toggle, search positions

Browse Source
This commit is contained in:
semanticdata 2023-09-29 19:05:25 -05:00
parent c7019c537a
commit 66cfcc7923
4 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
quartz/components/styles/darkmode.scss
View File

@ -1,7 +1,5 @@
.darkmode {
left: 2rem;
top: -59px;
padding-left: 0.5rem;
position: relative;
width: 20px;
height: 20px;
@ -49,3 +47,19 @@
opacity: 0;
}
}
@media (max-width: 1510px) {
.darkmode {
// left: 2rem;
// top: -59px;
padding-left: 0.5rem;
}
}
@media (min-width: 1511px) {
.darkmode {
left: 2rem;
top: -59px;
padding-left: 0.5rem;
}
}

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

@ -5,6 +5,7 @@
min-width: auto;
max-width: 18px;
flex-grow: 0.3;
padding-right: 1rem;
& > #search-icon {
background-color: transparent;

1
quartz/styles/base.scss
View File

@ -75,6 +75,7 @@ a {
.desktop-only {
display: initial;
@media all and (max-width: $fullPageWidth) {
display: none;
}

18
quartz/styles/custom.scss
View File

@ -1 +1,19 @@
// put your custom CSS here!
// @media (max-width: 1510px) {
// .darkmode {
// position: relative;
// left: 2rem;
// top: -59px;
// padding-left: 0.5rem;
// }
// }
// @media (min-width: 1511px) {
// .darkmode {
// position: relative;
// left: 2rem;
// top: -59px;
// padding-left: 0.5rem;
// }
// }