From 7f7e0ecf9837237c0613c70552b0cfb3b73a23dc Mon Sep 17 00:00:00 2001
From: Michel Martins <michelmartins9164@gmail.com>
Date: Sat, 4 Oct 2025 14:49:51 -0300
Subject: [PATCH] feat: centralizar componente Loading na tela

---
 src/Loading.js | 18 +++++++++++-------
 src/index.css  | 12 ++++++++++++
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/Loading.js b/src/Loading.js
index dcccae4..0159b87 100644
--- a/src/Loading.js
+++ b/src/Loading.js
@@ -2,7 +2,7 @@
 // Licensed under the BSD 3-Clause License
 
 import React from "react";
-
+import "./index.css";
 import {
   CircularProgress,
   List,
@@ -11,12 +11,16 @@ import {
 } from "@material-ui/core";
 
 const Loading = () => (
-  <List>
-    <ListItem>
-      <CircularProgress disableShrink />
-      <ListItemText inset primary="Loading..." />
-    </ListItem>
-  </List>
+  <div className="containerLoading">
+    <List>
+      <ListItem>
+        <div className="containerSpinner">
+          <CircularProgress disableShrink />
+          <ListItemText primary="Loading..." />
+        </div>
+      </ListItem>
+    </List>
+  </div>
 );
 
 export default Loading;
diff --git a/src/index.css b/src/index.css
index 4a1df4d..7404b96 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,3 +11,15 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+.containerLoading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.containerSpinner {
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}