Korbs/Nexus-Polestar
Archived
1
Fork 0
Code Issues Pull requests Activity

Update comments and animation for Splash

Browse source
This commit is contained in:
KorbsStudio 2023-02-07 16:49:05 -05:00
parent 3e998ca2a0
commit 30e1401fa9
No known key found for this signature in database
2 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
astro/config.ts
View file

@ -8,8 +8,8 @@ export const APP = [{
// Splash // Splash
export const SPLASH = [ export const SPLASH = [
{ {
loading: "Spinner", // "Spinner" "Pulse" "ProgressBar" "LogoOnly" "None" loading: "Spinner", // "Spinner" "ProgressBar" "JumpingBalls" "GlowingBars"
background: "#121212" background: "#232323"
} }
] ]

18
astro/styles/splash.scss
View file

@ -1,3 +1,18 @@
@keyframes splash {
0% {
opacity: 1;
pointer-events: all;
}
90% {
opacity: 1;
pointer-events: all;
}
100% {
opacity: 0;
pointer-events: none;
}
}
.splash { .splash {
position: fixed; position: fixed;
z-index: 100; z-index: 100;
@ -6,6 +21,9 @@
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0;
pointer-events: none;
animation: 2.4s splash ease-in-out;
.splash-content { .splash-content {
position: fixed; position: fixed;
top: 50%; top: 50%;