dark light update

2023-12-19 20:24:32 +08:00
parent d6614c4682
commit b305552695
2 changed files with 6 additions and 6 deletions
--- a/src/assets/css/home-style.css
+++ b/src/assets/css/home-style.css
@@ -43,7 +43,7 @@ html {
    -webkit-font-smoothing: antialiased;
 }

-.body {
+body {
    font-family: var(--body-font);
    background-image: url(../../assets/img/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg);
    background-size: cover;
@@ -57,7 +57,7 @@ html {
    height: 100vh;
 }
@media screen and (max-width: 480px) {
-    .body {
+    body {
        padding: 0.8em;
    }
 }
@@ -118,8 +118,8 @@ img {
    background-color: rgba(255, 255, 255, 0.94);
 }

-.body.light-mode:before,
-.body.light-mode .video-bg:before {
+body.light-mode:before,
+body.light-mode .video-bg:before {
    content: "";
    position: absolute;
    left: 0;
--- a/src/components/Home/HomePage.vue
+++ b/src/components/Home/HomePage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="body" translate="no">
+  <body  translate="no">
    <div class="video-bg">
      <video width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057">
        <source src="../../assets/video/background.mp4" type="video/mp4">
@@ -17,7 +17,7 @@
      <contentWrapper></contentWrapper>
      <div class="overlay-app"></div>
    </div>
-  </div>
+  </body>
 </template>
 <script>
 // import $ from 'jquery'