LoveNav/love-nav-ui
Archived
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dark light update

Browse Source
This commit is contained in:
landaiqing
2023-12-19 20:24:32 +08:00
parent d6614c4682
commit b305552695
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/css/home-style.css
View File

@@ -43,7 +43,7 @@ html {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.body { body {
font-family: var(--body-font); font-family: var(--body-font);
background-image: url(../../assets/img/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg); background-image: url(../../assets/img/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg);
background-size: cover; background-size: cover;
@@ -57,7 +57,7 @@ html {
height: 100vh; height: 100vh;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.body { body {
padding: 0.8em; padding: 0.8em;
} }
} }
@@ -118,8 +118,8 @@ img {
background-color: rgba(255, 255, 255, 0.94); background-color: rgba(255, 255, 255, 0.94);
} }
.body.light-mode:before, body.light-mode:before,
.body.light-mode .video-bg:before { body.light-mode .video-bg:before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;

4
src/components/Home/HomePage.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="body" translate="no"> <body translate="no">
<div class="video-bg"> <div class="video-bg">
<video width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057"> <video width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057">
<source src="../../assets/video/background.mp4" type="video/mp4"> <source src="../../assets/video/background.mp4" type="video/mp4">
@@ -17,7 +17,7 @@
<contentWrapper></contentWrapper> <contentWrapper></contentWrapper>
<div class="overlay-app"></div> <div class="overlay-app"></div>
</div> </div>
</div> </body>
</template> </template>
<script> <script>
// import $ from 'jquery' // import $ from 'jquery'