From fb940c813afdfd0d06930e359ed2a4f62ba74958 Mon Sep 17 00:00:00 2001
From: ErikrafT <139592038+erikraft@users.noreply.github.com>
Date: Sat, 12 Apr 2025 10:44:12 -0300
Subject: [PATCH] Update styles-main.css

---
 public/styles/styles-main.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/styles/styles-main.css b/public/styles/styles-main.css
index 3748e14..d454e09 100644
--- a/public/styles/styles-main.css
+++ b/public/styles/styles-main.css
@@ -697,8 +697,19 @@ button::-moz-focus-inner {
 
 /* QR Reader */
 #qr-reader {
-  display: none;
+  display: block; /* Torna o leitor de QR code visível */
   margin: 0 auto;
+  width: 100%; /* Ou ajuste a largura conforme necessário */
+  max-width: 400px; /* Tamanho máximo */
+  height: auto;
+  background-color: #f1f1f1; /* Cor de fundo para destacar */
+  border-radius: 8px; /* Bordas arredondadas para aparência mais moderna */
+  padding: 20px; /* Espaçamento interno */
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombras para profundidade */
+}
+
+#qr-reader.hidden {
+  display: none; /* Se você quiser ocultar com uma classe adicional */
 }
 
 /* Info Animation */