simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Just having a bit of fun

Browse source
This commit is contained in:
Lim Chee Aun 2023-05-22 17:43:02 +08:00
parent 789b9282c4
commit bde8c66629
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/nav-menu.css
View file

@ -8,6 +8,14 @@
padding: 8px 0; padding: 8px 0;
width: 50%; width: 50%;
} }
@keyframes phanpying {
0% {
background-position: 0 0, 0 0, 3em 85%;
}
100% {
background-position: 0 0, 0 0, 2em 90%;
}
}
.nav-menu section:last-child { .nav-menu section:last-child {
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
background-image: linear-gradient( background-image: linear-gradient(
@ -15,7 +23,7 @@
var(--divider-color) 1px, var(--divider-color) 1px,
transparent 1px transparent 1px
), ),
linear-gradient(to bottom, var(--bg-blur-color), transparent), linear-gradient(to bottom left, var(--bg-blur-color), transparent),
url(../assets/phanpy-bg.svg); url(../assets/phanpy-bg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
/* background-size: auto, auto, 200%; */ /* background-size: auto, auto, 200%; */
@ -24,6 +32,7 @@
box-shadow: inset 0 0 1px var(--bg-color); box-shadow: inset 0 0 1px var(--bg-color);
position: sticky; position: sticky;
top: 0; top: 0;
animation: phanpying 0.2s ease-in-out both;
} }
.nav-menu section:last-child > .szh-menu__divider:first-child { .nav-menu section:last-child > .szh-menu__divider:first-child {
display: none; display: none;