From 200704bf92cd17384e7e0bb361b6fde5aef54ac0 Mon Sep 17 00:00:00 2001
From: Fedorov Vladimir <vladimir.fodorow@gmail.com>
Date: Sat, 14 Mar 2026 17:00:42 +0700
Subject: [PATCH] add images

---
 src/components/GameWindow.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/GameWindow.vue b/src/components/GameWindow.vue
index 77d41f1..eddc839 100644
--- a/src/components/GameWindow.vue
+++ b/src/components/GameWindow.vue
@@ -22,6 +22,7 @@ type Action = {
   place: string
   name: string
   text: string
+  image: string
   applications: Application[]
   hidden: boolean
   doors: Door[]
@@ -252,7 +253,9 @@ onMounted(() => {
               <div v-show="action.isOpen">
                 <hr class="hr" />
                 <div class="message-content">
-                  {{ action.text }}
+                  <div v-if="action.image.length">
+                    <img v-bind:src="action.image" class="message-image" />
+                  </div>{{ action.text }}
                 </div>
                 <hr class="hr" v-if="action.buttons?.length" />
                 <button v-for="door in action.buttons" :key="door.code" class="button-dialog"
@@ -323,6 +326,7 @@ body {
   margin: 12px 10px;
   padding: 16px;
   background-color: var(--main-back-item-color);
+  display: flow-root;
 }
 
 .message-header {
@@ -336,6 +340,13 @@ body {
   white-space: pre-wrap;
 }
 
+.message-image {
+  /* width: 150px; */
+  width: 40%;
+  float: left;
+  margin-right: 15px;
+}
+
 .message-footer {
   font-weight: 400;
   color: var(--second-color);