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>
<div class="chat-wrapper">
<input placeholder="Type something..." />
<img src="/assets/icons/submit-icon.svg" />
<img draggable="false" src="/assets/icons/submit-icon.svg" />
</div>
</template>

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

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

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

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

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

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

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

@ -22,7 +22,7 @@
</div>
</div>
<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>
<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-header" @mousedown="startDrag">
<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 class="modal-body">
<slot name="modal-body" />