diff --git a/src/assets/images/bigLogo.svg b/src/assets/images/bigLogo.svg deleted file mode 100644 index 3f8236e..0000000 --- a/src/assets/images/bigLogo.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/assets/images/dots.svg b/src/assets/images/dots.svg deleted file mode 100644 index 0f48d04..0000000 --- a/src/assets/images/dots.svg +++ /dev/null @@ -1,359 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/ellipseBottom.svg b/src/assets/images/ellipseBottom.svg deleted file mode 100644 index b589276..0000000 --- a/src/assets/images/ellipseBottom.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/ellipseTop.svg b/src/assets/images/ellipseTop.svg deleted file mode 100644 index 45d3ba0..0000000 --- a/src/assets/images/ellipseTop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/loginBG.svg b/src/assets/images/loginBG.svg new file mode 100644 index 0000000..05c322c --- /dev/null +++ b/src/assets/images/loginBG.svg @@ -0,0 +1,399 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/logoText.svg b/src/assets/images/logoMark.svg similarity index 100% rename from src/assets/images/logoText.svg rename to src/assets/images/logoMark.svg diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue index 965596c..b0732f7 100644 --- a/src/components/TheHeader.vue +++ b/src/components/TheHeader.vue @@ -7,7 +7,7 @@ //- header-active-client-panel(:info="chargePersonInfo") .flex.ml-auto base-button.mr-9(left-icon="icon-plus", :icon-left-size="10", :size="40", right-icon="icon-person", :icon-right-size="18") - button.header-buttons.flex.justify-center.items-center.mr-8.p-0 + button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout") .icon-bell.text-xxl .flex.justify-centflexer.items-center base-avatar.mr-2(:size="32") @@ -34,6 +34,12 @@ export default { }, }; }, + methods: { + logout() { + localStorage.clear(); + this.$router.push("/login"); + }, + }, }; diff --git a/src/pages/login/TheLogin.vue b/src/pages/login/TheLogin.vue index 2114bc5..ebc9183 100644 --- a/src/pages/login/TheLogin.vue +++ b/src/pages/login/TheLogin.vue @@ -2,7 +2,7 @@ .login-wrapper.flex .left-col.flex.flex-col.items-center .logo-wrapper.absolute.left-12.top-12 - img(src="@/assets/images/logoText.svg" alt="logoText") + img(:src="logoMark") .login-panel.flex.flex-col.justify-center.gap-y-10 .flex.flex-col.gap-y-2 .text-welcome.flex.not-italic.font-bold.text-5xl Добро пожаловать! @@ -22,10 +22,6 @@ base-button.font-semibold(:disabled="disabledButton", :size="48", @click="login") Войти в аккаунт .absolute.left-12.bottom-12 2022 © Астра .right-col.flex.items-center.justify-center.relative - img.absolute.z-10(src="@/assets/images/bigLogo.svg" alt="bigLogo") - img.absolute.z-10.absolute.left-0.bottom-0(src="@/assets/images/ellipseBottom.svg" alt="ellipseBottom") - img.absolute.z-10.absolute.right-0.top-0(src="@/assets/images/ellipseTop.svg" alt="ellipseTop") - img.opacity-10(src="@/assets/images/dots.svg" alt="Logo")