worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

enhance navbar design

Browse source
This commit is contained in:
NoriDev 2023-06-12 02:31:30 +09:00
parent ce1315ec3b
commit eb2634ed44
4 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
View file

@ -97,15 +97,15 @@ function more() {
&.topBanner {
top: 0;
height: 100%;
height: 150%;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
}
&.bottomBanner {
bottom: 0;
height: 80%;
background-position-y: -10px;
height: 100%;
background-position-y: 20px;
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
}

6
packages/frontend/src/ui/_common_/navbar.vue
View file

@ -150,15 +150,15 @@ function more(ev: MouseEvent) {
&.topBanner {
top: 0;
height: 100%;
height: 150%;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
}
&.bottomBanner {
bottom: 0;
height: 80%;
background-position-y: -10px;
height: 100%;
background-position-y: 20px;
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
}

6
packages/frontend/src/ui/friendly/navbar-for-mobile.vue
View file

@ -106,15 +106,15 @@ function openProfile() {
&.topBanner {
top: 0;
height: 100%;
height: 150%;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
}
&.bottomBanner {
bottom: 0;
height: 80%;
background-position-y: -10px;
height: 100%;
background-position-y: 20px;
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
}

6
packages/frontend/src/ui/friendly/navbar.vue
View file

@ -161,15 +161,15 @@ function openProfile() {
&.topBanner {
top: 0;
height: 100%;
height: 150%;
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
}
&.bottomBanner {
bottom: 0;
height: 80%;
background-position-y: -10px;
height: 100%;
background-position-y: 20px;
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
}