feat: toast

gestaoRaul/templates/static/base.css

@@ -7,7 +7,6 @@
   @keyframes jump {
     0% {
       transform: scale(0.0);
-      /* transform: translate(#000000); */
     }
     70% {
       transform: scale(1);
@@ -295,8 +294,31 @@ input, textarea, select {
   transform: translateY(-10px);
 }
 
-  
-  /* .dropdown:hover .dropbtn {background-color: #3e8e41;} */
+.toast {
+  position: fixed;
+  top: 40px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #599100;
+  color: #000000;
+  font-weight: bold;
+  padding: 15px;
+  border-radius: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
+  z-index: 200 !important;
+}
+
+.toast p {
+  color: #000000;
+}
+
+.toast.show {
+  opacity: 1;
+  visibility: visible;
+}
+
 
 @media screen and (max-width: 730px) {
     .dropdown-content {