imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Made images undraggable

Browse Source 
Fixes bug where dragging an image also drags tilemap when exiting the image container
This commit is contained in:
Colin Kallemein 2024-06-05 22:19:30 +02:00
parent 66c7d58a65
commit 5b6f292361
6 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/game/Chat.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="chat-wrapper"> <div class="chat-wrapper">
<input placeholder="Type something..." /> <input placeholder="Type something..." />
<img src="/assets/icons/submit-icon.svg" /> <img draggable="false" src="/assets/icons/submit-icon.svg" />
</div> </div>
</template> </template>

2
src/components/game/Hud.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="hud-wrapper"> <div class="hud-wrapper">
<div class="profile"> <div class="profile">
<img src="/assets/avatar/default/head.png" /> <img draggable="false" src="/assets/avatar/default/head.png" />
</div> </div>
<div class="hud"> <div class="hud">
<div class="stats"></div> <div class="stats"></div>

8
src/components/game/Menu.vue
View File

@ -4,25 +4,25 @@
<li class="menu-item"> <li class="menu-item">
<p>Chat</p> <p>Chat</p>
<a> <a>
<img src="/assets/icons/chat.png" /> <img draggable="false" src="/assets/icons/chat.png" />
</a> </a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<p>World</p> <p>World</p>
<a> <a>
<img src="/assets/icons/world.png" /> <img draggable="false" src="/assets/icons/world.png" />
</a> </a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<p>Users</p> <p>Users</p>
<a> <a>
<img src="/assets/icons/users.png" /> <img draggable="false" src="/assets/icons/users.png" />
</a> </a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<p>Inventory</p> <p>Inventory</p>
<a> <a>
<img src="/assets/icons/treasure-chest.png" /> <img draggable="false" src="/assets/icons/treasure-chest.png" />
</a> </a>
</li> </li>
</ul> </ul>

8
src/components/screens/Characters.vue
View File

@ -7,18 +7,18 @@
<label :for="character.id">{{ character.name }}</label> <label :for="character.id">{{ character.name }}</label>
<!-- @TODO : Add a confirmation dialog --> <!-- @TODO : Add a confirmation dialog -->
<button class="delete" @click="delete_character(character.id)"> <button class="delete" @click="delete_character(character.id)">
<img src="/assets/icons/trashcan.svg"> <img draggable="false" src="/assets/icons/trashcan.svg">
</button> </button>
<div class="sprite-container"> <div class="sprite-container">
<img src="/assets/avatar/default/base_right_down.png" /> <img draggable="false" src="/assets/avatar/default/base_right_down.png" />
</div> </div>
<span>Lvl. {{ character.level }}</span> <span>Lvl. {{ character.level }}</span>
</div> </div>
<div class="character new-character" v-if="characters.length < 4"> <div class="character new-character" v-if="characters.length < 4">
<button @click="isModalOpen = true"> <button @click="isModalOpen = true">
<img src="/assets/icons/plus-icon.svg" /> <img draggable="false" src="/assets/icons/plus-icon.svg" />
<span>Create new</span> <span>Create new</span>
</button> </button>
</div> </div>
@ -27,7 +27,7 @@
<div class="button-wrapper"> <div class="button-wrapper">
<button class="btn-purple" :disabled="!selected_character" @click="select_character()"> <button class="btn-purple" :disabled="!selected_character" @click="select_character()">
Play Play
<img src="/assets/icons/arrow.svg"> <img draggable="false" src="/assets/icons/arrow.svg">
</button> </button>
</div> </div>
</div> </div>

2
src/components/screens/Login.vue
View File

@ -22,7 +22,7 @@
</div> </div>
</div> </div>
<audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio> <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
<img src="/assets/bglogin.png" id="bg-img" alt="New Quest login background" /> <img draggable="false" src="/assets/bglogin.png" id="bg-img" alt="New Quest login background" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

2
src/components/utilities/Modal.vue
View File

@ -3,7 +3,7 @@
<div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef"> <div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef">
<div class="modal-header" @mousedown="startDrag"> <div class="modal-header" @mousedown="startDrag">
<slot name="modal-header" /> <slot name="modal-header" />
<button @click="close"><img src="/assets/icons/close-button-white.svg" /></button> <button @click="close"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<slot name="modal-body" /> <slot name="modal-body" />