tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 登录框宽度自适应

Browse Source 
Former-commit-id: 89d1a9d6e05c0b1a264426c240788b3c00bd2c79
This commit is contained in:
haoxr
2023-03-16 23:49:36 +08:00
parent 7f7134647c
commit d586341164
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/login/index.vue
View File

@@ -4,7 +4,7 @@
ref="loginFormRef" ref="loginFormRef"
:model="loginData" :model="loginData"
:rules="loginRules" :rules="loginRules"
class="w-[520px] mx-auto mt-[150px]" class="login-form"
> >
<div class="flex text-white items-center py-4"> <div class="flex text-white items-center py-4">
<span class="text-2xl flex-1 text-center">{{ $t('login.title') }}</span> <span class="text-2xl flex-1 text-center">{{ $t('login.title') }}</span>
@@ -158,6 +158,13 @@ function handleLogin() {
width: 100%; width: 100%;
background-color: #2d3a4b; background-color: #2d3a4b;
overflow: hidden; overflow: hidden;
.login-form {
width: 520px;
max-width: 100%;
padding: 160px 35px 0;
overflow: hidden;
}
} }
.el-form-item { .el-form-item {
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);