The_evening_detective/evening_detective_client
1
0
Fork 0
generated from VLADIMIR/template_frontend
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Владимир Фёдоров 2026-03-25 13:10:08 +07:00
parent f7da699cfb
commit fd6ededacf
2 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/LoginWindow.vue
View File

@ -3,6 +3,7 @@ import { onMounted, ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { apiGetTeam } from './client'; import { apiGetTeam } from './client';
import { UnauthorizedError } from './UnauthorizedError'; import { UnauthorizedError } from './UnauthorizedError';
import MessagePaper from './MessagePaper.vue';
const router = useRouter(); const router = useRouter();
@ -53,28 +54,31 @@ onMounted(() => {
</div> </div>
<div class="center-message"> <div class="center-message">
<form @submit.prevent="onClickLogin"> <MessagePaper>
<div> <form @submit.prevent="onClickLogin">
<input class="input-custom" v-model="login" type="text" placeholder="Название команды"> <div>
</div> <input class="input-custom" v-model="login" type="text" placeholder="Название команды">
<div> </div>
<input class="input-custom" v-model="password" type="text" placeholder="Пароль" autocapitalize="off"> <div>
</div> <input class="input-custom" v-model="password" type="text" placeholder="Пароль" autocapitalize="off">
<div class="button-container"> </div>
<button class="button-custom" type="submit">{{ buttonText }}</button> <div class="button-container">
</div> <button class="button-custom" type="submit">{{ buttonText }}</button>
<div class="error-message"> </div>
{{ errorMsg }} <div class="error-message">
</div> {{ errorMsg }}
</form> </div>
</form>
</MessagePaper>
</div> </div>
</template> </template>
<style scoped> <style scoped>
.input-custom { .input-custom {
width: 100%; width: 100%;
box-sizing: border-box; /* обязательно! */ box-sizing: border-box;
margin-right: 15px; /* обязательно! */
margin: 10px 0;
} }
.error-message { .error-message {
@ -82,7 +86,8 @@ onMounted(() => {
margin: 16px 0; margin: 16px 0;
} }
.input-custom, .button-custom { .input-custom,
.button-custom {
padding: 12px 16px; padding: 12px 16px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 15px; border-radius: 15px;

7
src/components/MessageCloud.vue
View File

@ -69,12 +69,13 @@ async function letsgo(place: string) {
.message-header { .message-header {
font-size: 20px; font-size: 20px;
padding-right: 50px;
} }
.collapse-icon { .collapse-icon {
position: absolute; position: absolute;
top: 8px; top: 12px;
right: 10px; right: 14px;
width: 45px; width: 45px;
height: 32px; height: 32px;
cursor: pointer; cursor: pointer;
@ -124,7 +125,7 @@ async function letsgo(place: string) {
} }
.message-footer { .message-footer {
padding-right: 40px; padding-right: 50px;
font-weight: 400; font-weight: 400;
color: var(--second-color); color: var(--second-color);
position: relative; position: relative;