minie4/Timetable-V2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚸 Improve login page

Browse Source
This commit is contained in:
minie4
2022-06-28 22:50:01 +02:00
parent e2635b1c20
commit f00518edb6
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/LoginView.vue
View File

@ -15,7 +15,7 @@
<style scoped> <style scoped>
.login { .login {
padding: 65px 10px 80px 10px; padding: 90px 10px 80px 10px;
} }
.login { .login {
@ -38,10 +38,17 @@ input {
outline: none; outline: none;
background-color: var(--element-color); background-color: var(--element-color);
padding: 5px 5px; padding: 5px 5px;
font-size: 15px;
margin: 5px 0; margin: 5px 0;
border: 2px solid var(--element-border-input); border: 2px solid var(--element-border-input);
border-radius: 5px; border-radius: 5px;
color: #bdbdbd; transition: 0.2s all;
}
input:hover,
input:focus {
background-color: var(--element-color-hover);
border-radius: 8px;
} }
button { button {
@ -49,7 +56,15 @@ button {
padding: 5px 5px; padding: 5px 5px;
border: 2px solid var(--element-border-action); border: 2px solid var(--element-border-action);
border-radius: 5px; border-radius: 5px;
font-size: 15px;
color: var(--text-color); color: var(--text-color);
background-color: var(--element-color); background-color: var(--element-color);
cursor: pointer;
transition: 0.2s all;
}
button:hover {
background-color: var(--element-color-hover);
border-radius: 8px;
} }
</style> </style>