=> {
await nextTick();
if (scrollContainer.value) {
@@ -96,11 +83,11 @@ async function getGame() {
// Автоматическая прокрутка при изменении items
watch(actions, () => {
- if (inputPlace.value === false) {
+ if (isPlaceFilled.value === false) {
return
}
scrollToBottom();
- inputPlace.value = false
+ isPlaceFilled.value = false
}, { deep: true });
let intervalId = 0
@@ -135,21 +122,7 @@ onMounted(() => {
-
-
-
+
@@ -161,7 +134,8 @@ onMounted(() => {
@@ -178,8 +152,6 @@ onMounted(() => {
background-color: gray;
}
-
-
.game-input-form-shadow {
height: 90px;
width: 120%;
@@ -234,78 +206,4 @@ onMounted(() => {
/* Добавляем троеточие */
font-size: medium;
}
-
-.controller {
- display: flex;
-}
-
-.game-button-run {
- background-image: url("@/assets/button.png");
- background-size: cover;
- font-size: 1.5em;
- position: absolute;
- right: 10px;
- top: -5px;
- height: 80px;
- width: 155px;
- border: 0;
- background-color: transparent;
- margin: 0;
- padding: 0;
-}
-
-.game-button-run-shadow {
- position: absolute;
- right: 10px;
- top: -5px;
- height: 80px;
- width: 150px;
- box-shadow: -5px 5px 10px black;
-}
-
-.game-button-run:hover {
- /* TODO */
-}
-
-.game-button-run:disabled {
- /* TODO */
-}
-
-.game-input {
- position: relative;
- top: 14px;
- left: 25px;
- height: 50px;
- 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;
-}
diff --git a/src/components/MessageCloud.vue b/src/components/MessageCloud.vue
index 8d8409b..edb2a8c 100644
--- a/src/components/MessageCloud.vue
+++ b/src/components/MessageCloud.vue
@@ -10,12 +10,15 @@ interface Props {
}
const props = withDefaults(defineProps(), {})
+const isPlaceFilled = defineModel();
+
function clickCollapse() {
// eslint-disable-next-line vue/no-mutating-props
props.action.isOpen = !props.action.isOpen
}
async function letsgo(place: string) {
+ isPlaceFilled.value = true
await apiLetsgo(props.login, props.password, place)
}
@@ -33,12 +36,12 @@ async function letsgo(place: string) {
{{ props.action.text }}
-
+
-
+