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

update

Browse Source
This commit is contained in:
Владимир Фёдоров 2026-03-20 03:02:17 +07:00
parent f08399c76c
commit ac58312aa2
3 changed files with 47 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/input_center.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
src/assets/input_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

60
src/components/GameWindow.vue
View File

@ -217,7 +217,7 @@ onMounted(() => {
</BeltMiniBlock> </BeltMiniBlock>
<BeltBlock class="game-header-belt center-bold-text"> <BeltBlock class="game-header-belt center-bold-text">
<div class="position-right-center"> <div class="position-right-center">
<span class="logo-text">Вечерний детектив</span> <span class="text-with-font">Вечерний детектив</span>
<MetalPlate class="team-name-block"> <MetalPlate class="team-name-block">
<div class="text-middle-wrapper text-truncate"> <div class="text-middle-wrapper text-truncate">
<p>...</p> <p>...</p>
@ -235,10 +235,13 @@ onMounted(() => {
<div class="center-block-custom"> <div class="center-block-custom">
<form @submit.prevent="addAction"> <form @submit.prevent="addAction">
<div class="controller"> <div class="controller">
<input class="game-input-run" v-model="place" type="text" placeholder="Место назначения (А-1, а-1, а1)" <div class="game-input">
:disabled="gameState !== 'RUN'"> <div class="game-input-run-left"></div>
<input id="run" class="game-input-run" v-model="place" type="text" placeholder="Место назначения"
:disabled="gameState !== 'RUN'">
</div>
<div class="game-button-run-shadow"></div> <div class="game-button-run-shadow"></div>
<button class="game-button-run" type="submit" :disabled="gameState !== 'RUN'">Поехали</button> <button class="game-button-run text-with-font" type="submit" :disabled="gameState !== 'RUN'">Поехали</button>
</div> </div>
</form> </form>
</div> </div>
@ -317,7 +320,7 @@ body {
.form-custom { .form-custom {
position: fixed; position: fixed;
bottom: 0; bottom: 10px;
left: 0; left: 0;
width: 100%; width: 100%;
color: white; color: white;
@ -519,11 +522,42 @@ body {
/* TODO */ /* TODO */
} }
.game-input-run { .game-input {
margin-top: 14px; position: relative;
margin-left: 25px; top: 14px;
left: 25px;
height: 50px; height: 50px;
width: calc(100% - 150px); width: calc(100% - 150px - 50px);
}
.game-input-run-left {
height: 50px;
width: 25px;
position: absolute;
left: 0px;
background-image: url("@/assets/input_left.png");
background-size: cover;
}
.game-input-run {
height: 100%;
width: 100%;
margin-left: 15px;
padding-left: 12px;
background-image: url("@/assets/input_center.png");
background-size: cover;
border: 0;
font-size: 18px;
font-family: a_OldTyper;
}
.game-input-run::placeholder {
color: #333333;
}
.game-input-run:focus {
border: 0;
outline: none;
} }
.controller-metal { .controller-metal {
@ -541,12 +575,12 @@ body {
right: -15px; right: -15px;
} }
.logo-text { .text-with-font {
font-family: a_OldTyper; font-family: a_OldTyper;
line-height: 20px; color: #bfa07d;
font-size: 22px;
color: #a1825f;
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
line-height: 20px;
font-size: 22px;
} }
</style> </style>