feat: login

gestaoRaul/templates/static/base.css

@@ -25,18 +25,16 @@ text-align: center;
 .nav-bar {
     display: flex;
     justify-content: space-between;
-    padding: 0.1rem 2rem;
+    padding: 0.1rem 1rem;
     
 }
 
 .logo {
     display: flex;
+    margin-top: 5px;
     align-items: center;
 }
 
-.logo h1 {
-    color: #fff;
-}
 
 .nav-list {
     display: flex;
@@ -45,7 +43,7 @@ text-align: center;
 
 .nav-list ul {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     list-style: none;
 }
 
@@ -60,11 +58,13 @@ text-align: center;
     font-weight: 400;
 }
 
-.login-button button {
+.logout-button{
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    /* justify-content: center; */
     border: none;
-    padding: 10px 15px;
     border-radius: 5px;
-    margin-top: 10px;
+    margin-top: 20px;
 }
 
 .login-button button a {
@@ -82,14 +82,7 @@ text-align: center;
     display: none;
 }
 
-/* .dropbtn {
-    background-color: #04AA6D;
-    color: white;
-    padding: 16px;
-    font-size: 16px;
-    border: none;
-  }
-   */
+
   .dropdown {
     position: relative;
     display: inline-block;
@@ -135,7 +128,7 @@ text-align: center;
     .nav-item {
         display: none;
     }
-    .login-button {
+    .logout-button {
         display: none;
     }
     .mobile-menu-icon {
@@ -156,11 +149,13 @@ text-align: center;
         display: block;
         padding-top: 1.2rem;
     }
-    .mobile-menu .login-button {
+    .mobile-menu .logout-button {
         display: block;
+        justify-items: center;
+        justify-self: center;
         padding: 1rem 2rem;
     }
-    .mobile-menu .login-button button {
+    .mobile-menu .logout-button button {
         width: 100%;
     }
     .open {