Lock screen when loading Boriel BASIC

Author: stever

apps/web/src/components/LockScreen.jsx

@@ -1,13 +1,14 @@
 import React from "react";
+import {ProgressSpinner} from "primereact/progressspinner";
 
 export default function LockScreen() {
     return (
         <React.Fragment>
             <div className="dashboard-lock-screen" style={styles.fullPage}/>
             <div className="dashboard-lock-screen" style={styles.contentBlanker}/>
             <div className="dashboard-lock-screen" style={styles.container}>
-                <div className="center-screen">
-
+                <div className="center-screen" style={styles.centerScreen}>
+                    <ProgressSpinner/>
                 </div>
             </div>
         </React.Fragment>
@@ -37,7 +38,7 @@ const styles = {
         width: '100%',
         height: '100vh',
         backgroundColor: 'black',
-        opacity: 0.05,
+        opacity: 0.5,
         display: 'none',
         userSelect: 'none'
     },
@@ -52,5 +53,12 @@ const styles = {
         height: '100vh',
         display: 'none',
         userSelect: 'none'
+    },
+    centerScreen: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: '100%'
     }
 };