mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-04-24 22:25:07 +00:00
1 line
1.2 KiB
CSS
1 line
1.2 KiB
CSS
.login[data-v-50aaab2d]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(90deg,#ffd7e4,#c8f1ff)}.login-container[data-v-50aaab2d]{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-50aaab2d]{width:80vw}}.login-container[data-v-50aaab2d]:hover{box-shadow:0 0 12px 4px rgba(0,0,0,.24);transform:translateY(-5px)}.input-container[data-v-50aaab2d]{display:flex;align-items:center;width:35vw}@media (max-width:768px){.input-container[data-v-50aaab2d]{width:75vw}}.input-name[data-v-50aaab2d]{width:12vw}@media (max-width:768px){.input-name[data-v-50aaab2d]{width:28vw}}.submit[data-v-50aaab2d]{margin-top:10px}.password-input[data-v-50aaab2d]{height:40px}.password-input[data-v-50aaab2d] .el-input__wrapper{border-radius:12px;background-color:hsla(0,0%,100%,.9);box-shadow:none}.username-input[data-v-50aaab2d]{height:40px}.username-input[data-v-50aaab2d] .el-input__wrapper{border-radius:12px;background-color:hsla(0,0%,100%,.9);box-shadow:none} |