mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 21:45:41 +00:00
style: toast
This commit is contained in:
Binary file not shown.
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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%;
|
||||||
|
|||||||
Reference in New Issue
Block a user