gitadmin
/
jsoncv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

editor: enhance width control

This commit is contained in:
Reorx 2023-02-08 23:45:13 +08:00
parent 281b5e0600
commit 357245d234
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/preview/index.html
View File

@ -3,6 +3,11 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>CV</title> <title>CV</title>
<style>
body {
border-right: 1px solid #ddd;
}
</style>
</head> </head>
<body> <body>
<div class="cv-container"></div> <div class="cv-container"></div>

7
src/scss/editor/index.scss
View File

@ -7,9 +7,14 @@ button {
#main { #main {
display: grid; display: grid;
grid-template-columns: 150px 1fr 1fr; grid-template-columns: 150px minmax(500px, 1fr) 1fr;
grid-template-rows: 100vh; grid-template-rows: 100vh;
// 800px is approximately the width of A4, when the screen is larger that 150 + 800px + A4, the middle column should keep 800px wide
@media screen and (min-width: 1750px) {
grid-template-columns: 150px 800px 1fr;
}
> .column { > .column {
overflow-y: auto; overflow-y: auto;
} }