WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

login page formatted

Browse Source
This commit was merged in pull request #3.
This commit is contained in:
Ebube
2023-04-21 10:48:51 +01:00
parent b3bbc15113
commit be70e86a6f
7 changed files with 127 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+24 -4
View File
@@ -533,14 +533,14 @@ input[type="number"] {
/* TODO: =================================login ================================= */
.btn-login {
width: 100%;
height: 58px;
@apply bg-purple;
height: 48px;
/* @apply bg-purple; */
}
.btn-login.active {
transition: all 0.5s ease-in-out;
width: 58px;
height: 58px;
@apply bg-pink;
height: 48px;
/* @apply bg-pink; */
}
/* TODO: =================================login end================================= */
@@ -690,3 +690,23 @@ TODO: Responsive ===========================
@apply mb-2;
}
}
/* LoginPage */
.main-wrapper{
background-image: url('./assets/images/login-dots.jpg');
background-attachment: fixed;
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.layout-wrapper.login{
background: rgb(236,237,241);
background: linear-gradient(90deg, rgba(236,237,241,1) 0%, rgba(252,252,252,1) 31%, rgba(255,255,255,0.9416141456582633) 41%, rgba(255,255,255,0.9752275910364145) 61%, rgba(252,252,252,1) 71%, rgba(236,237,241,1) 100%);
}
.content-wrapper.login{
--bg-color: 255,255,255;
background: linear-gradient(90deg, rgba(236,237,240,1) 0%, rgba(255,255,255,1) 50%, rgba(236,237,240,1) 100%);
}