From bb79aaed8b123e2bde9aafda108f4b4a2745000b Mon Sep 17 00:00:00 2001 From: thofx Date: Tue, 19 Sep 2023 22:11:58 +0800 Subject: [PATCH] fix bug --- index.html | 211 +++++++++--------- public/loader.css | 7 +- .../scss/base/libs/_perfect-scrollbar.scss | 8 + src/@layouts/components/VerticalNav.vue | 8 +- src/main.ts | 8 +- src/util/dom.ts | 6 + src/util/index.ts | 1 + tailwind.config.js | 3 + 8 files changed, 136 insertions(+), 116 deletions(-) create mode 100644 src/util/dom.ts create mode 100644 src/util/index.ts diff --git a/index.html b/index.html index de925ff0..8343d792 100644 --- a/index.html +++ b/index.html @@ -30,121 +30,120 @@ -
-
- +
+
+
+
+
+
+
- \ No newline at end of file + diff --git a/public/loader.css b/public/loader.css index c089c854..315c4467 100644 --- a/public/loader.css +++ b/public/loader.css @@ -11,10 +11,11 @@ html { #loading-bg { position: absolute; + z-index: 999; display: block; background: var(--initial-loader-bg, #fff); - block-size: 100%; - inline-size: 100%; + block-size: 100vh; + inline-size: 100vw; } .loading-logo { @@ -82,4 +83,4 @@ html { opacity: 1; transform: rotate(1turn); } -} \ No newline at end of file +} diff --git a/src/@core/scss/base/libs/_perfect-scrollbar.scss b/src/@core/scss/base/libs/_perfect-scrollbar.scss index ceb2d7ac..5844490a 100644 --- a/src/@core/scss/base/libs/_perfect-scrollbar.scss +++ b/src/@core/scss/base/libs/_perfect-scrollbar.scss @@ -33,3 +33,11 @@ $ps-track-size: 0.5rem; .ps__thumb-y { background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important; } + +// fix bug +@media(hover: none) { + .ps > .ps__rail-x, + .ps > .ps__rail-y { + opacity: 0.6; + } +} diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue index 67731a73..5bc306fd 100644 --- a/src/@layouts/components/VerticalNav.vue +++ b/src/@layouts/components/VerticalNav.vue @@ -49,9 +49,7 @@ function handleNavScroll(evt: Event) { ]" > -
+