Skip to content

Commit e6ad3a0

Browse files
AethersailorAethersailor
committed
style: fix sticky footer and full-page background
1 parent 3241f5f commit e6ad3a0

2 files changed

Lines changed: 25 additions & 14 deletions

File tree

‎src/layouts/main/MainLayout.vue‎

Lines changed: 24 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,13 @@
11
<template>
2-
<html
3-
lang="en"
4-
class="light-style layout-navbar-fixed layout-wide"
5-
dir="ltr"
6-
data-theme="theme-default"
7-
data-assets-path="assets/"
8-
data-template="front-pages"
9-
@wheel="setNavActive"
10-
>
11-
<body>
12-
<nav-bar />
2+
<div class="layout-wrapper">
3+
<nav-bar />
4+
<div class="layout-content">
135
<router-view />
6+
</div>
7+
<div class="layout-footer">
148
<footer-bar />
15-
</body>
16-
</html>
9+
</div>
10+
</div>
1711
</template>
1812

1913
<script>
@@ -44,4 +38,21 @@ export default {
4438
<style scoped>
4539
@import '@/assets/vendor/css/pages/front-page.css';
4640
@import '@/assets/vendor/css/pages/front-page-landing.css';
41+
42+
.layout-wrapper {
43+
display: flex;
44+
flex-direction: column;
45+
min-height: 100vh;
46+
background: linear-gradient(338.18deg, #fafaff 0%, #ececec 94.44%); /* Apply global background */
47+
}
48+
49+
.layout-content {
50+
flex: 1;
51+
display: flex;
52+
flex-direction: column;
53+
}
54+
55+
.layout-footer {
56+
margin-top: auto;
57+
}
4758
</style>

‎src/views/home/HomeView.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export default {
2727

2828
<style scoped>
2929
.light-style .landing-hero {
30-
background: linear-gradient(338.18deg, #fafaff 0%, #ececec 94.44%);
30+
/* background: linear-gradient(338.18deg, #fafaff 0%, #ececec 94.44%); */
3131
}
3232
.landing-hero .hero-animation-img {
3333
margin-bottom: -24rem;

0 commit comments

Comments
 (0)