mrkrk/formaptix-web
1
0
Fork 0
mirror of https://github.com/grey-cat-1908/formaptix-web.git synced 2024-11-11 18:47:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixes

Browse source
This commit is contained in:
Vyacheslav 2024-08-23 22:12:29 +03:00
parent 7d010cabd1
commit 28152a0c72
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Auth.vue
View file

@ -41,7 +41,7 @@ async function submitForm() {
<div class="login-space"> <div class="login-space">
<div class="login-card"> <div class="login-card">
<div class="login-card-title"> <div class="login-card-title">
<h3 class="login-card-title--text">Войти</h3> <h3 class="login-card-title--text">Войти в аккаунт</h3>
<button @click="authStore.authDialogOpened = false"> <button @click="authStore.authDialogOpened = false">
<PhX class="login-card-title--btn" :size="30" /> <PhX class="login-card-title--btn" :size="30" />
</button> </button>
@ -135,7 +135,7 @@ async function submitForm() {
&-title { &-title {
font-weight: 400; font-weight: 400;
margin-bottom: 5px; margin-bottom: 7px;
} }
&-input { &-input {
@ -143,6 +143,7 @@ async function submitForm() {
background: var(--color-input-background); background: var(--color-input-background);
border: 1px solid var(--color-main-border); border: 1px solid var(--color-main-border);
padding: 10px 20px; padding: 10px 20px;
font-weight: 200;
border-radius: 0.5rem; border-radius: 0.5rem;
outline: 0; outline: 0;
transition: 0.25s ease; transition: 0.25s ease;
@ -152,7 +153,7 @@ async function submitForm() {
} }
&:focus { &:focus {
border: 1px solid var(--color-secondary-border); border: 1px solid var(--color-third-border);
background: var(--color-secondary-background); background: var(--color-secondary-background);
} }
} }

1
src/styles/colors.css
View file

@ -9,6 +9,7 @@
--color-main-border: #e3e3e3; --color-main-border: #e3e3e3;
--color-secondary-border: #d5d5d5; --color-secondary-border: #d5d5d5;
--color-third-border: #b5b5b5;
--color-red: #ff3b3b; --color-red: #ff3b3b;
--color-green: rgb(0, 204, 0); --color-green: rgb(0, 204, 0);