GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-19 10:54:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

mermaid-controls adjust

Browse Source
This commit is contained in:
vazome 2025-06-21 04:51:28 +04:00
parent dc5602504e
commit 4594f8225e
No known key found for this signature in database
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
quartz/components/styles/mermaid.inline.scss
View File

@ -53,7 +53,7 @@ pre {
} }
& > #mermaid-space { & > #mermaid-space {
border: 1px solid var(--lightgray); border: 0.2vh solid var(--lightgray);
background-color: var(--light); background-color: var(--light);
border-radius: 5px; border-radius: 5px;
position: fixed; position: fixed;
@ -86,14 +86,14 @@ pre {
& > .mermaid-controls { & > .mermaid-controls {
position: absolute; position: absolute;
bottom: 20px; bottom: 2.5vh;
right: 20px; right: 2.5vw;
display: flex; display: flex;
gap: 8px; gap: 0.5vw;
padding: 8px; padding: 1vh 0.5vw;
background: var(--light); background: var(--light);
border: 1px solid var(--lightgray); border: 0.2vh solid var(--lightgray);
border-radius: 6px; border-radius: 0.8vh;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 2; z-index: 2;
@ -101,15 +101,15 @@ pre {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 32px; width: 4.5vh;
height: 32px; height: 4.5vh;
padding: 0; padding: 0;
border: 1px solid var(--lightgray); border: 0.2vh solid var(--lightgray);
background: var(--light); background: var(--light);
color: var(--dark); color: var(--dark);
border-radius: 4px; border-radius: 0.5vh;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 2vh;
font-family: var(--bodyFont); font-family: var(--bodyFont);
transition: all 0.2s ease; transition: all 0.2s ease;
@ -121,11 +121,10 @@ pre {
transform: translateY(1px); transform: translateY(1px);
} }
// Style the reset button differently
&:nth-child(2) { &:nth-child(2) {
width: auto; width: auto;
padding: 0 12px; padding: 0 1vw;
font-size: 14px; font-size: 2vh;
} }
} }
} }