refactor login page and add user avatar to header
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
.flex.h-full.w-full.relative.overflow-hidden
|
.flex.h-full.w-full.relative.overflow-hidden
|
||||||
.left-col.flex.flex-col.items-center.justify-center
|
.left-col.flex.flex-col.items-center.justify-center
|
||||||
.logo-wrapper.absolute.left-12.top-12
|
.logo-wrapper.absolute.left-12.top-12
|
||||||
img(:src="logoMark")
|
img(:src="logo")
|
||||||
.login-panel.flex.flex-col.justify-center.gap-y-10
|
.login-panel.flex.flex-col.justify-center.gap-y-10
|
||||||
.flex.flex-col.gap-y-2
|
.flex.flex-col.gap-y-2
|
||||||
.flex.not-italic.font-bold.text-5xl.letter-spacing Добро пожаловать!
|
.flex.not-italic.font-bold.text-5xl.letter-spacing Добро пожаловать!
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { fetchWrapper } from "@/shared/fetchWrapper";
|
import { fetchWrapper } from "@/shared/fetchWrapper";
|
||||||
import logoMark from "@/assets/images/logoMark.svg";
|
import logo from "@/assets/images/logoMark.svg";
|
||||||
import BaseButton from "@/components/base/BaseButton.vue";
|
import BaseButton from "@/components/base/BaseButton.vue";
|
||||||
import BaseInput from "@/components/base/BaseInput.vue";
|
import BaseInput from "@/components/base/BaseInput.vue";
|
||||||
|
|
||||||
@@ -59,10 +59,9 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
showPassword: false,
|
showPassword: false,
|
||||||
logoMark,
|
logo,
|
||||||
authorized: true,
|
authorized: true,
|
||||||
user: {},
|
user: {},
|
||||||
userData: {},
|
|
||||||
rememberMe: false,
|
rememberMe: false,
|
||||||
authError: false,
|
authError: false,
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user