mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-04-30 00:46:28 +00:00
1 line
1.2 KiB
CSS
1 line
1.2 KiB
CSS
.login[data-v-1774635e]{display:flex;justify-content:center;align-items:center;height:100vh;transition:background-image 1s ease-in-out;background-size:cover;background-attachment:fixed}.login-container[data-v-1774635e]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:40vh;width:40vw;border-radius:12px;box-shadow:0 0 12px rgba(0,0,0,.12);background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}@media (max-width:768px){.login-container[data-v-1774635e]{width:80vw}}.login-container[data-v-1774635e]:hover{box-shadow:0 0 12px 4px rgba(0,0,0,.24);transform:translateY(-5px)}.password-input[data-v-1774635e]{margin-bottom:15px;width:30vw;height:40px}.password-input[data-v-1774635e] .el-input__wrapper{border-radius:12px;background-color:hsla(0,0%,100%,.7);box-shadow:none}@media (max-width:768px){.password-input[data-v-1774635e]{width:70vw}}.submit[data-v-1774635e]{margin-top:10px}.background-image1[data-v-1774635e],.background-image2[data-v-1774635e]{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;opacity:0;transition:all 1s ease-in-out} |