Fix css vars in body (fix #3934)

the1812 · Feb 4, 2023 · ed8d16b · ed8d16b
1 parent 03d0a11
commit ed8d16b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/registry/lib/components/style/sidebar-offset/index.ts b/registry/lib/components/style/sidebar-offset/index.ts
@@ -19,7 +19,7 @@ export const component = defineComponentMetadata({
     addComponentListener(
       `${metadata.name}.offset`,
       (value: number) => {
-        document.body.style.setProperty('--be-sidebar-offset', `${value}%`)
+        document.documentElement.style.setProperty('--be-sidebar-offset', `${value}%`)
       },
       true,
     )

diff --git a/registry/lib/components/style/sidebar-offset/sidebar-offset.scss b/registry/lib/components/style/sidebar-offset/sidebar-offset.scss
@@ -1,3 +1,3 @@
 .be-settings > .sidebar {
-  top: calc(50% + var(--be-sidebar-offset)) !important;
+  top: calc(50% + var(--be-sidebar-offset, 0)) !important;
 }
diff --git a/registry/lib/components/video/player/show-cover/index.ts b/registry/lib/components/video/player/show-cover/index.ts
@@ -40,7 +40,7 @@ const entry = async () => {
     const { VideoInfo } = await import('@/components/video/video-info')
     const info = new VideoInfo(aid)
     await info.fetchInfo()
-    document.body.style.setProperty('--cover-url', `url('${info.coverUrl}')`)
+    document.documentElement.style.setProperty('--cover-url', `url('${info.coverUrl}')`)
   }
   videoChange(showCover)
 }