ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-16 13:37:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add navbar shadow effect on scroll

Browse Source
This commit is contained in:
Ushie 2023-08-08 03:39:05 +03:00
parent d71178ab29
commit b7e765a410
No known key found for this signature in database
GPG Key ID: B3AAD18842E34632
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docusaurus/docusaurus.config.js
View File

@ -57,6 +57,8 @@ const config = {
}, },
}, },
navbar: { navbar: {
/* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
hideOnScroll: true,
logo: { logo: {
alt: 'ReVanced Logo', alt: 'ReVanced Logo',
target: '_self', target: '_self',

7
docusaurus/src/css/custom.css
View File

@ -45,6 +45,13 @@
padding: 0 2.5rem; padding: 0 2.5rem;
} }
/* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
.navbarHidden_node_modules-\@docusaurus-theme-classic-lib-theme-Navbar-Layout-styles-module {
transform: none !important;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.navbar__items { .navbar__items {
gap: 1rem; gap: 1rem;
} }