fix: update register and forgot-password page logos to use project logo.png
This commit is contained in:
@@ -2,11 +2,7 @@
|
|||||||
<div class="auth-page">
|
<div class="auth-page">
|
||||||
<div class="auth-card">
|
<div class="auth-card">
|
||||||
<div class="auth-logo">
|
<div class="auth-logo">
|
||||||
<div class="logo-icon">
|
<img :src="logoImg" alt="Logo" class="logo-icon" />
|
||||||
<svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
|
|
||||||
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h2>{{ step === 1 ? '忘记密码' : '重置密码' }}</h2>
|
<h2>{{ step === 1 ? '忘记密码' : '重置密码' }}</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -51,6 +47,7 @@ import { ref, reactive } from 'vue'
|
|||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { authApi } from '../../api'
|
import { authApi } from '../../api'
|
||||||
|
import logoImg from '../../assets/logo.png'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const emailFormRef = ref()
|
const emailFormRef = ref()
|
||||||
@@ -133,12 +130,8 @@ async function handleResetPassword() {
|
|||||||
width: 48px;
|
width: 48px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: linear-gradient(135deg, #4e6ef2, #7c5cfc);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-logo h2 {
|
.auth-logo h2 {
|
||||||
|
|||||||
@@ -2,11 +2,7 @@
|
|||||||
<div class="auth-page">
|
<div class="auth-page">
|
||||||
<div class="auth-card">
|
<div class="auth-card">
|
||||||
<div class="auth-logo">
|
<div class="auth-logo">
|
||||||
<div class="logo-icon">
|
<img :src="logoImg" alt="Logo" class="logo-icon" />
|
||||||
<svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
|
|
||||||
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h2>{{ $t('common.register') }}</h2>
|
<h2>{{ $t('common.register') }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<el-form :model="form" :rules="rules" ref="formRef" @submit.prevent="handleRegister">
|
<el-form :model="form" :rules="rules" ref="formRef" @submit.prevent="handleRegister">
|
||||||
@@ -41,6 +37,7 @@ import { useRouter } from 'vue-router'
|
|||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
import { useUserStore } from '../../store/user'
|
import { useUserStore } from '../../store/user'
|
||||||
|
import logoImg from '../../assets/logo.png'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
@@ -98,12 +95,8 @@ async function handleRegister() {
|
|||||||
width: 48px;
|
width: 48px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: linear-gradient(135deg, #4e6ef2, #7c5cfc);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-logo h2 {
|
.auth-logo h2 {
|
||||||
|
|||||||
Reference in New Issue
Block a user