diff options
| author | Nikita Krupin <krupin.nikita0110@gmail.com> | 2021-12-03 02:54:07 +0300 |
|---|---|---|
| committer | Nikita Krupin <krupin.nikita0110@gmail.com> | 2021-12-03 02:54:07 +0300 |
| commit | 37f40434479bddd487b9c74894133c4dfd896135 (patch) | |
| tree | b192e2aa45565a6a722526fe06124e18484deab5 | |
| parent | d327e1b1747124b90350681e0f42f86b982ab828 (diff) | |
chrome-scrollbar fix
| -rw-r--r-- | Website/layouts/default.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/Website/layouts/default.vue b/Website/layouts/default.vue index e9da921..7ea445f 100644 --- a/Website/layouts/default.vue +++ b/Website/layouts/default.vue @@ -16,10 +16,10 @@ <v-main class="pt-4"> - <section style="height: calc(100vh - 1rem); padding-top: 5rem; padding-bottom: 5rem; overflow-y: auto;"> + <section class="hidden-chrome-scrollbar" style="height: calc(100vh - 1rem); padding-top: 5rem; padding-bottom: 5rem; overflow-y: auto;"> <center - class="mx-auto d-flex flex-column justify-center items-center" - style="width: 90vw; min-height: 100%; overflow-y: scroll;"> + class="hidden-chrome-scrollbar mx-auto d-flex flex-column justify-center items-center" + style="width: 90vw; min-height: 100%; overflow-y: auto;"> <nuxt /> @@ -39,6 +39,10 @@ html, body { margin: 0.25em; } +.hidden-chrome-scrollbar::-webkit-scrollbar { + display: none; +} + /* Glassmorphism effect */ .glassy { backdrop-filter: blur(16px) saturate(180%); |