Skip to content

Commit 488ce2a

Browse files
jspaaksjspaaks
authored
Merge pull request #296 from citation-file-format/scaling
whole app scales to 110% when screen size is big enough
2 parents 2f90e80 + 543da3f commit 488ce2a

2 files changed

Lines changed: 30 additions & 19 deletions

File tree

‎src/components/LayoutStepper.vue‎

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,31 @@
11
<template>
2-
<div id="app">
3-
<span class="spacer" />
4-
<div id="header-outer">
5-
<div id="header-inner">
6-
<Header />
7-
</div>
8-
</div>
9-
<div id="middle">
10-
<router-view />
11-
<div id="preview">
12-
<div id="preview-content">
13-
<Preview />
2+
<div class="scale-container">
3+
<div id="app">
4+
<span class="spacer" />
5+
<div id="header-outer">
6+
<div id="header-inner">
7+
<Header />
148
</div>
9+
</div>
10+
<div id="middle">
11+
<router-view />
12+
<div id="preview">
13+
<div id="preview-content">
14+
<Preview />
15+
</div>
1516

16-
<div id="preview-button-bar">
17-
<DownloadButton v-if="isNotFinish" />
17+
<div id="preview-button-bar">
18+
<DownloadButton v-if="isNotFinish" />
19+
</div>
1820
</div>
1921
</div>
20-
</div>
21-
<div id="footer-outer">
22-
<div id="footer-inner">
23-
<Footer />
22+
<div id="footer-outer">
23+
<div id="footer-inner">
24+
<Footer />
25+
</div>
2426
</div>
27+
<span class="spacer" />
2528
</div>
26-
<span class="spacer" />
2729
</div>
2830
</template>
2931

‎src/css/app.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
11
/* app global css */
22

3+
@media only screen and (min-width: 2090px) and (min-height: 1039px) {
4+
.scale-container {
5+
overflow: hidden;
6+
}
7+
#app {
8+
transform: scale(1.1);
9+
}
10+
}
11+
312
:root {
413
--fgcolor: #efefef;
514
--bgcolor: #303030;

0 commit comments

Comments
 (0)