TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-29 22:01:49 +03:00
Code Issues Projects Releases Wiki Activity

Adjusted scaling of the browser preview

Browse Source
This commit is contained in:
Sodbileg Gansukh 2023-08-14 16:46:50 +08:00
parent fcb0ae48b2
commit 1b046426ae
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ghost/admin/app/styles/components/browser-preview.css
View File

@ -26,6 +26,24 @@
border-bottom-right-radius: 3px;
}
@media (max-width: 1600px) {
.gh-browserpreview-iframecontainer .site-frame iframe {
width: 130%;
height: 130%;
transform: scale(calc(100 / 130));
transform-origin: 0 0;
}
}
@media (min-width: 1601px) and (max-width: 1920px) {
.gh-browserpreview-iframecontainer .site-frame iframe {
width: 110%;
height: 110%;
transform: scale(calc(100 / 110));
transform-origin: 0 0;
}
}
.gh-browserpreview-browser {
background: var(--whitegrey-l1);
border-top-left-radius: 3px;
@ -99,4 +117,4 @@
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
}
}

6
ghost/admin/app/styles/layouts/settings.css
View File

@ -1774,7 +1774,7 @@ p.theme-validation-details {
/* ---------------------------------------------------- */
.gh-nav-contextual {
flex: 0 0 360px;
flex: 0 0 clamp(320px, 17.09vw + 86.5px, 360px);
}
.gh-nav-header {
@ -2116,6 +2116,10 @@ p.theme-validation-details {
height: 100%;
}
.gh-design.gh-canvas {
padding: 0 clamp(24px, 10.26vw + -116.1px, 48px);
}
.gh-preview-page-selector,
.gh-preview-page-selector select {
height: 34px;