diff options
| author | real-zephex <[email protected]> | 2024-04-07 13:06:07 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-07 13:06:07 +0530 |
| commit | 0c2352636c31fba4798e8da299caa5070fd7a872 (patch) | |
| tree | bf69af70dda71b8fdd2cb8bc9638d595c4f26453 /src | |
| parent | some minor fixes and qol improvements (diff) | |
| download | dramalama-0c2352636c31fba4798e8da299caa5070fd7a872.tar.xz dramalama-0c2352636c31fba4798e8da299caa5070fd7a872.zip | |
some minor fixes and qol improvements
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/kdrama/loading.jsx | 9 | ||||
| -rw-r--r-- | src/app/kdrama/styles/loading.module.css | 22 |
2 files changed, 31 insertions, 0 deletions
diff --git a/src/app/kdrama/loading.jsx b/src/app/kdrama/loading.jsx new file mode 100644 index 0000000..2415575 --- /dev/null +++ b/src/app/kdrama/loading.jsx @@ -0,0 +1,9 @@ +import styles from "./styles/loading.module.css"; + +export default async function Loading() { + return ( + <div className={styles.Main}> + <div className={styles.LoadingContainer}></div>; + </div> + ); +} diff --git a/src/app/kdrama/styles/loading.module.css b/src/app/kdrama/styles/loading.module.css new file mode 100644 index 0000000..2a24411 --- /dev/null +++ b/src/app/kdrama/styles/loading.module.css @@ -0,0 +1,22 @@ +.Main { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + + +.LoadingContainer { + width: 50px; + height: 50px; + border-radius: 50%; + border: 8px solid; + border-color: #F4F4F4 #0000; + animation: s1 1s infinite; +} + +@keyframes s1 { + to { + transform: rotate(.5turn) + } +}
\ No newline at end of file |