mirror/MCSManager
2
0
Fork 1
mirror of https://github.com/MCSManager/MCSManager.git synced 2025-01-12 14:54:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: login page

Browse Source
This commit is contained in:
unitwk 2023-12-02 22:25:12 +08:00
parent 19ea7177d9
commit 9e26f9e66e
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/variables.scss
View File

@ -9,7 +9,7 @@
--float-box-bg-color: rgba(235, 235, 235, 0.2);
--gray-border-color: var(--color-gray-10);
--login-panel-bg: rgb(255, 255, 255, 0.8);
--login-panel-bg: rgb(255, 255, 255, 1);
--app-header-bg: rgba(12, 12, 12, 0.8);
--app-header-text-color: var(--color-gray-5);

6
frontend/src/views/Login.vue
View File

@ -106,13 +106,17 @@ defineProps<{
left: 0px;
right: 0px;
bottom: 0px;
top: 60px;
top: 0px;
background-color: #29292957;
backdrop-filter: saturate(120%) blur(10px);
transition: all 0.8s;
overflow-y: auto;
overflow-x: hidden;
.login-page-body {
padding-top: 24px;
padding: 12px;
max-width: 1260px !important;
margin: 0 auto;
height: 100%;

3
frontend/src/widgets/LoginCard.vue
View File

@ -161,12 +161,11 @@ const loginSuccess = () => {
min-width: 356px;
width: 100%;
background-color: var(--login-panel-bg);
backdrop-filter: saturate(120%) blur(12px);
// backdrop-filter: saturate(120%) blur(12px);
.login-panel-body {
padding: 32px 24px;
min-height: 322px;
min-width: 386px;
}
}