style: toast

This commit is contained in:
2025-02-22 18:41:49 -03:00
parent d15c58f4e7
commit 76d2d4a879
3 changed files with 18 additions and 4 deletions

Binary file not shown.

View File

@@ -183,7 +183,7 @@ input, textarea, select {
display: inline-block; display: inline-block;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
transition: display 0.9s ; transition: display 0.9s, animation 0.9s;
} }
.dropdown-content { .dropdown-content {
@@ -297,19 +297,27 @@ input, textarea, select {
.toast { .toast {
position: fixed; position: fixed;
top: 40px; top: 40px;
width: 30%;
left: 50%; left: 50%;
justify-items: center;
align-items: center;
transform: translateX(-50%); transform: translateX(-50%);
background-color: #599100; background-color: #599100;
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
padding: 15px; padding: 20px 1px 1px 1px;
border-radius: 10px; border-radius: 10px;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
z-index: 999 ; z-index: 999 ;
} }
@media screen and (max-width: 730px) {
.toast-add {
width: 90%;
}
}
.toast p { .toast p {
color: #000000; color: #000000;
} }

View File

@@ -82,13 +82,16 @@
.toast-add { .toast-add {
position: fixed; position: fixed;
width: 30%;
top: 40px; top: 40px;
left: 50%; left: 50%;
justify-items: center;
align-items: center;
transform: translateX(-50%); transform: translateX(-50%);
background-color: #599100; background-color: #599100;
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
padding: 15px; padding: 20px 1px 1px 1px;
border-radius: 10px; border-radius: 10px;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
@@ -105,6 +108,9 @@
visibility: visible; visibility: visible;
} }
@media screen and (max-width: 730px) { @media screen and (max-width: 730px) {
.toast-add {
width: 90%;
}
.popover{ .popover{
width: 98%; width: 98%;