added styles from Loader.module.css to a global css file app.module.c…

…ss (#3398)
PalisadoesFoundation · Jan 23, 2025 · bcd7f4f · bcd7f4f
1 parent 846ce57
commit bcd7f4f
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 26 deletions.
diff --git a/src/components/Loader/Loader.module.css b/src/components/Loader/Loader.module.css
diff --git a/src/components/Loader/Loader.tsx b/src/components/Loader/Loader.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './Loader.module.css';
+import styles from '../../style/app.module.css';
 import { Spinner } from 'react-bootstrap';
 
 interface InterfaceLoaderProps {

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -7262,3 +7262,30 @@ button[data-testid='createPostBtn'] {
   flex-direction: row;
   justify-content: center;
 }
+
+/* Loader.tsx */
+.spinner_wrapper {
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.spinnerXl {
+  width: 6rem;
+  height: 6rem;
+  border-width: 0.5rem;
+}
+
+.spinnerLg {
+  height: 4rem;
+  width: 4rem;
+  border-width: 0.3rem;
+}
+
+.spinnerSm {
+  height: 2rem;
+  width: 2rem;
+  border-width: 0.2rem;
+}