Added fade transition between pages

This commit is contained in:
Pax1601
2024-01-28 15:14:30 +01:00
parent f0ab43d320
commit 4f5023b45c
5 changed files with 60 additions and 23 deletions

View File

@@ -275,9 +275,10 @@ input {
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 30%;
background-color: rgba(0, 0, 0, 0.30);
z-index: 999;
transition: opacity 0.2s linear;
opacity: 0%; /* By default has 0% opacity to allow for fade transition */
}
#popup {
@@ -295,6 +296,8 @@ input {
padding: 20px 40px;
align-items: start;
z-index: 999;
transition: opacity 0.2s linear;
opacity: 0%; /* By default has 0% opacity to allow for fade transition */
}
#popup img {
@@ -331,6 +334,8 @@ input {
.manager-page {
min-width: 1200px;
overflow-y: auto;
transition: opacity 0.2s linear;
opacity: 0%; /* By default has 0% opacity to allow for fade transition */
}
.input-group {