Skip to content

Commit b71c551

Browse files
committed
chore: Optimize container height (#75)
1 parent ee90031 commit b71c551

File tree

2 files changed

+14
-10
lines changed

2 files changed

+14
-10
lines changed

src/App.vue

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,10 +54,8 @@ onMounted(() => {
5454
<style scoped>
5555
.app-wrapper {
5656
width: 100%;
57-
/* height: 100%; */
5857
position: absolute;
5958
top: 46px;
6059
left: 0;
61-
overflow-y: auto;
6260
}
6361
</style>

src/styles/app.less

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
#app {
2-
height: 100vh;
3-
position: relative;
4-
overflow-x: hidden;
1+
*,
2+
*::before,
3+
*::after {
4+
box-sizing: border-box;
55
}
66

77
html {
@@ -14,10 +14,16 @@ html.dark {
1414
color-scheme: dark;
1515
}
1616

17-
*,
18-
*::before,
19-
*::after {
20-
box-sizing: border-box;
17+
html, body {
18+
height: 100%;
19+
overflow: hidden;
20+
}
21+
22+
#app {
23+
height: 100vh;
24+
position: relative;
25+
overflow-x: hidden;
26+
overflow-y: auto;
2127
}
2228

2329
::-webkit-scrollbar {

0 commit comments

Comments
 (0)