start adding a loading screen
This commit is contained in:
Joshua
parent
e09c5c209c
commit
2db0efcce1
5 changed files with 338 additions and 47 deletions
26
components/LoadingScreen.tsx
Normal file
26
components/LoadingScreen.tsx
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
import styles from 'styles/LoadingScreen.module.sass'
|
||||||
|
import { useTheme } from 'next-themes'
|
||||||
|
import Image from 'next/image'
|
||||||
|
|
||||||
|
const LoadingScreen = ({
|
||||||
|
isLoading,
|
||||||
|
className,
|
||||||
|
}: {
|
||||||
|
isLoading: boolean
|
||||||
|
className?: string
|
||||||
|
}) => {
|
||||||
|
const { resolvedTheme: theme } = useTheme()
|
||||||
|
|
||||||
|
if (isLoading)
|
||||||
|
return (
|
||||||
|
<div data-theme={theme} className={styles.cover}>
|
||||||
|
<div className={styles.center}>
|
||||||
|
<svg className={styles.svg} viewBox="0 0 200 200">
|
||||||
|
<use href={`/ValorantSymbol.svg#${theme}`} />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default LoadingScreen
|
||||||
|
|
@ -1,15 +1,20 @@
|
||||||
import React from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { ThemeProvider } from "next-themes";
|
import { ThemeProvider } from "next-themes";
|
||||||
// import { AppProps } from 'next/app'
|
|
||||||
|
|
||||||
// import 'tailwindcss/tailwind.css'
|
|
||||||
import "../styles/main.sass";
|
import "../styles/main.sass";
|
||||||
|
import LoadingScreen from "components/LoadingScreen";
|
||||||
|
|
||||||
function MyApp({ Component, pageProps }) {
|
function MyApp({ Component, pageProps }) {
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
useEffect(() => setLoading(false), [])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<ThemeProvider>
|
<ThemeProvider>
|
||||||
|
<LoadingScreen isLoading={loading} />
|
||||||
<Component {...pageProps} />
|
<Component {...pageProps} />
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
67
public/ValorantSymbol.svg
Normal file
67
public/ValorantSymbol.svg
Normal file
|
|
@ -0,0 +1,67 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
|
||||||
|
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xml:space="preserve"
|
||||||
|
xmlns:serif="http://www.serif.com/"
|
||||||
|
>
|
||||||
|
<g transform="matrix(1,0,0,1,-17.5367,-17.6223)">
|
||||||
|
<g id="light">
|
||||||
|
<g transform="matrix(1,0,0,1,-3.08933,4.08055)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(6.12323e-17,1,-1,6.12323e-17,193.974,2.15966)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(-6.12323e-17,1,1,6.12323e-17,-0.952732,2.15966)"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(1,0,0,-1,-3.08933,198.836)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="dark" transform="matrix(1,0,0,1,3.48926,-1.45839)">
|
||||||
|
<g transform="matrix(1,0,0,1,-3.08933,4.08055)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
style="fill:white;"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(6.12323e-17,1,-1,6.12323e-17,193.974,2.15966)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
style="fill:white;"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(-6.12323e-17,1,1,6.12323e-17,-0.952732,2.15966)"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
style="fill:white;"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(1,0,0,-1,-3.08933,198.836)">
|
||||||
|
<path
|
||||||
|
d="M90.316,52.866L108.908,52.866L146.635,15L146.53,45.066L115.213,76.378L84.011,76.378L52.694,45.066L52.589,15L90.316,52.866Z"
|
||||||
|
style="fill:white;"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
248
public/icons.svg
248
public/icons.svg
|
|
@ -1,44 +1,204 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="arrow-left" xmlns="http://www.w3.org/2000/svg">
|
<?xml version="1.0" encoding="utf-8" ?>
|
||||||
<path d="m7.25 3.75-4.5 4.5 4.5 4.5m-4.5-4.5h10.5" fill="none" stroke="currentColor"/>
|
<svg
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="arrow-right" xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<path d="m8.75 3.75 4.5 4.5-4.5 4.5m-6-4.5h10.5" fill="none" stroke="currentColor"/>
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="arrow-up-right" xmlns="http://www.w3.org/2000/svg">
|
><symbol
|
||||||
<path d="m5.25 4.25h6.5v6.5m0-6.5-7.5 7.5" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="asterisk" xmlns="http://www.w3.org/2000/svg">
|
stroke="currentColor"
|
||||||
<path d="m7.75 1.25v14m-6-10.5 12 7m-12 0 12-7" fill="none" stroke="currentColor"/>
|
viewBox="0 0 16 16"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="chevron-left" xmlns="http://www.w3.org/2000/svg">
|
id="arrow-left"
|
||||||
<path d="M 11.25,14.25 5,8 11.25,1.75" fill="none" stroke="currentColor"/>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="chevron-right" xmlns="http://www.w3.org/2000/svg">
|
>
|
||||||
<path d="M 4.75,14.25 11,8 4.75,1.75" fill="none" stroke="currentColor"/>
|
<path
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="envelope" xmlns="http://www.w3.org/2000/svg">
|
d="m7.25 3.75-4.5 4.5 4.5 4.5m-4.5-4.5h10.5"
|
||||||
<path d="m1.25 3.5c0-0.4155 0.3345-0.75 0.75-0.75h12c0.4155 0 0.75 0.3345 0.75 0.75v8.5c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75zm0 0.25 5.2845 4.3681c1.0065 0.83198 1.9181 0.82912 2.9676-0.03704l5.2479-4.3311" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="git-branch" xmlns="http://www.w3.org/2000/svg">
|
stroke="currentColor"
|
||||||
<path d="m12.25 5.75c0 3.5899-2.9101 6.5-6.5 6.5m3e-7 0c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm8.5-8.5c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm-10.5 6.4998v-7.9998" fill="none" stroke="currentColor"/>
|
/>
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="globe" xmlns="http://www.w3.org/2000/svg">
|
</symbol><symbol
|
||||||
<path d="m1.75 8.25h12.5m-4 0a2.25 6.5 0 0 1-2.25 6.5 2.25 6.5 0 0 1-2.25-6.5 2.25 6.5 0 0 1 2.25-6.5 2.25 6.5 0 0 1 2.25 6.5zm4.25 0a6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 6.5 6.5z" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="graph" xmlns="http://www.w3.org/2000/svg">
|
stroke="currentColor"
|
||||||
<path d="m5.25 13c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm9-3.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75c0-0.9665 0.7835-1.75 1.75-1.75s1.75 0.7835 1.75 1.75zm-7-6.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm-2.0942 9.4126 5.6868-2.3235m-4.163-5.7868 4.5859 3.9307m-6.0863-3.5029-1.3496 6.543" fill="none" stroke="currentColor"/>
|
viewBox="0 0 16 16"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="hash" xmlns="http://www.w3.org/2000/svg">
|
id="arrow-right"
|
||||||
<path d="m4.7501 14.25 0.99984-12m4 12 1.0002-12m-8.5001 3.5h11m-11 5h11" fill="none" stroke="currentColor"/>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="image" xmlns="http://www.w3.org/2000/svg">
|
>
|
||||||
<path d="m6.25 5.5a0.75 0.75 0 0 1-0.75 0.75 0.75 0.75 0 0 1-0.75-0.75 0.75 0.75 0 0 1 0.75-0.75 0.75 0.75 0 0 1 0.75 0.75zm-3 8.75 7.5-7.5 3.5 3.5m-11.75-8.5h11c0.4155 0 0.75 0.3345 0.75 0.75v11c0 0.4155-0.3345 0.75-0.75 0.75h-11c-0.4155 0-0.75-0.3345-0.75-0.75v-11c0-0.4155 0.3345-0.75 0.75-0.75z" fill="none" stroke="currentColor"/>
|
<path
|
||||||
</symbol><symbol viewBox="0 0 16 16" id="link" xmlns="http://www.w3.org/2000/svg">
|
d="m8.75 3.75 4.5 4.5-4.5 4.5m-6-4.5h10.5"
|
||||||
<path d="m8.25 3.15 0.4519-0.4481c1.2692-1.2692 3.327-1.2692 4.5962 0s1.2692 3.327 0 4.5962l-2 2c-1.2692 1.2692-3.327 1.2692-4.5962 0" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
<path d="m7.75 12.85-0.45662 0.45281c-1.2692 1.2692-3.327 1.2692-4.5962 0s-1.2692-3.327 0-4.5962l2-2c1.2692-1.2692 3.327-1.2692 4.5962 0" fill="none" stroke="currentColor"/>
|
stroke="currentColor"
|
||||||
</symbol><symbol viewBox="0 0 16 16" id="messages" xmlns="http://www.w3.org/2000/svg">
|
/>
|
||||||
<path d="m1.5 1.25h9c0.4155 0 0.75 0.3345 0.75 0.75v6.9999c0 0.4155-0.3345 0.75-0.75 0.75h-7.25l-2.5 2.5001v-10.25c0-0.4155 0.3345-0.75 0.75-0.75z" fill="none" stroke="currentColor"/>
|
</symbol><symbol
|
||||||
<path d="m5.25 12.75h7.5l2.5 2.5001v-10.25c0-0.4155-0.3345-0.75-0.75-0.75h-0.25" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="parallelogram" xmlns="http://www.w3.org/2000/svg">
|
stroke="currentColor"
|
||||||
<path d="m15.25 4.25-5 7.5h-9.5l5-7.5z" fill="none" stroke="currentColor"/>
|
viewBox="0 0 16 16"
|
||||||
</symbol><symbol viewBox="0 0 16 16" id="shuffle" xmlns="http://www.w3.org/2000/svg">
|
id="arrow-up-right"
|
||||||
<path d="m2.75 2.75 3 3" fill="none" stroke="currentColor"/>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<path d="m9.75 2.25h4v4m-11 7 11-11" fill="none" stroke="currentColor"/>
|
>
|
||||||
<path d="m10.25 10.25 3.5 3.5m-4 0h4v-4" fill="none" stroke="currentColor"/>
|
<path d="m5.25 4.25h6.5v6.5m0-6.5-7.5 7.5" fill="none" stroke="currentColor" />
|
||||||
</symbol><symbol viewBox="0 0 16 16" id="smile" xmlns="http://www.w3.org/2000/svg">
|
</symbol><symbol
|
||||||
<path d="m11.309 9.7658c-0.63143 1.1808-1.8764 1.9842-3.3091 1.9842-1.4381 0-2.6872-0.80955-3.3163-1.9978" fill="none" stroke="currentColor"/>
|
fill="none"
|
||||||
<circle cx="8" cy="8" r="6.75" fill="none" stroke="currentColor"/>
|
stroke="currentColor"
|
||||||
<path d="m10.25 5.75v1.5" fill="none" stroke="currentColor"/>
|
viewBox="0 0 16 16"
|
||||||
<path d="m5.75 5.75v1.5" fill="none" stroke="currentColor"/>
|
id="asterisk"
|
||||||
</symbol><symbol fill="none" stroke="currentColor" viewBox="0 0 16 16" id="x" xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<path d="m3 3 10 10m-10 0 10-10" fill="none" stroke="currentColor"/>
|
>
|
||||||
</symbol></svg>
|
<path
|
||||||
|
d="m7.75 1.25v14m-6-10.5 12 7m-12 0 12-7"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="chevron-left"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="M 11.25,14.25 5,8 11.25,1.75" fill="none" stroke="currentColor" />
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="chevron-right"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="M 4.75,14.25 11,8 4.75,1.75" fill="none" stroke="currentColor" />
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="envelope"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m1.25 3.5c0-0.4155 0.3345-0.75 0.75-0.75h12c0.4155 0 0.75 0.3345 0.75 0.75v8.5c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75zm0 0.25 5.2845 4.3681c1.0065 0.83198 1.9181 0.82912 2.9676-0.03704l5.2479-4.3311"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="git-branch"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m12.25 5.75c0 3.5899-2.9101 6.5-6.5 6.5m3e-7 0c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm8.5-8.5c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm-10.5 6.4998v-7.9998"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="globe"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m1.75 8.25h12.5m-4 0a2.25 6.5 0 0 1-2.25 6.5 2.25 6.5 0 0 1-2.25-6.5 2.25 6.5 0 0 1 2.25-6.5 2.25 6.5 0 0 1 2.25 6.5zm4.25 0a6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 6.5 6.5z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="graph"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m5.25 13c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm9-3.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75c0-0.9665 0.7835-1.75 1.75-1.75s1.75 0.7835 1.75 1.75zm-7-6.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm-2.0942 9.4126 5.6868-2.3235m-4.163-5.7868 4.5859 3.9307m-6.0863-3.5029-1.3496 6.543"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="hash"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m4.7501 14.25 0.99984-12m4 12 1.0002-12m-8.5001 3.5h11m-11 5h11"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="image"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m6.25 5.5a0.75 0.75 0 0 1-0.75 0.75 0.75 0.75 0 0 1-0.75-0.75 0.75 0.75 0 0 1 0.75-0.75 0.75 0.75 0 0 1 0.75 0.75zm-3 8.75 7.5-7.5 3.5 3.5m-11.75-8.5h11c0.4155 0 0.75 0.3345 0.75 0.75v11c0 0.4155-0.3345 0.75-0.75 0.75h-11c-0.4155 0-0.75-0.3345-0.75-0.75v-11c0-0.4155 0.3345-0.75 0.75-0.75z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="link"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m8.25 3.15 0.4519-0.4481c1.2692-1.2692 3.327-1.2692 4.5962 0s1.2692 3.327 0 4.5962l-2 2c-1.2692 1.2692-3.327 1.2692-4.5962 0"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m7.75 12.85-0.45662 0.45281c-1.2692 1.2692-3.327 1.2692-4.5962 0s-1.2692-3.327 0-4.5962l2-2c1.2692-1.2692 3.327-1.2692 4.5962 0"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="messages"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m1.5 1.25h9c0.4155 0 0.75 0.3345 0.75 0.75v6.9999c0 0.4155-0.3345 0.75-0.75 0.75h-7.25l-2.5 2.5001v-10.25c0-0.4155 0.3345-0.75 0.75-0.75z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m5.25 12.75h7.5l2.5 2.5001v-10.25c0-0.4155-0.3345-0.75-0.75-0.75h-0.25"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="parallelogram"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="m15.25 4.25-5 7.5h-9.5l5-7.5z" fill="none" stroke="currentColor" />
|
||||||
|
</symbol><symbol
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="shuffle"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="m2.75 2.75 3 3" fill="none" stroke="currentColor" />
|
||||||
|
<path d="m9.75 2.25h4v4m-11 7 11-11" fill="none" stroke="currentColor" />
|
||||||
|
<path d="m10.25 10.25 3.5 3.5m-4 0h4v-4" fill="none" stroke="currentColor" />
|
||||||
|
</symbol><symbol
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="smile"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m11.309 9.7658c-0.63143 1.1808-1.8764 1.9842-3.3091 1.9842-1.4381 0-2.6872-0.80955-3.3163-1.9978"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
/>
|
||||||
|
<circle cx="8" cy="8" r="6.75" fill="none" stroke="currentColor" />
|
||||||
|
<path d="m10.25 5.75v1.5" fill="none" stroke="currentColor" />
|
||||||
|
<path d="m5.75 5.75v1.5" fill="none" stroke="currentColor" />
|
||||||
|
</symbol><symbol
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
id="x"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="m3 3 10 10m-10 0 10-10" fill="none" stroke="currentColor" />
|
||||||
|
</symbol></svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 6.3 KiB |
33
styles/LoadingScreen.module.sass
Normal file
33
styles/LoadingScreen.module.sass
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
@import "./_variables"
|
||||||
|
|
||||||
|
.cover
|
||||||
|
position: fixed
|
||||||
|
padding: 0
|
||||||
|
margin: 0
|
||||||
|
top: 0
|
||||||
|
left: 0
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
opacity: 100%
|
||||||
|
z-index: 42069
|
||||||
|
background: $background-dark
|
||||||
|
color: $text-dark
|
||||||
|
&[data-theme="light"]
|
||||||
|
background: $background-light
|
||||||
|
color: $text-light
|
||||||
|
|
||||||
|
.center
|
||||||
|
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
scale: 50%
|
||||||
|
// animation: load 5s infinite ease
|
||||||
|
|
||||||
|
// .svg
|
||||||
|
// scale: 10%
|
||||||
|
|
||||||
|
@keyframes load
|
||||||
|
0%
|
||||||
|
rotate: 0deg
|
||||||
|
100%
|
||||||
|
rotate: 180deg
|
||||||
Loading…
Add table
Reference in a new issue